Bu html sayfasında bir sınıf ve bir kimlik yapısı tanımlanmış ve iki farklı yazıda bu tiplerden seçilerek yapılmış birinde sadece sınıf yapısı kullanılırken diğerinde hem sınıf hemde kimlik yapısı kullanılmıştır.
Alıntı:
<html><head>
<style type="text/css">
.container {
background-color:lightblue;
border:thin black solid;
color:navy;
width:300px;
}
div#cont_message {
background-color:green;
color:yellow;
}
</style></head>
<body>
<div class="container">Tasarımınız gayet geçerli diyelim, ancak şunu unutmamak gerekir ki yazılacak yazıların da tasarıma yük bindireceği, gereksiz kod yığını oluşturabileceği bir gerçektir. Bu amaçlar wordpress üzerinde size sunulan zengin metin editörünün bazı kodları düzenlemesi ya da zengin metin editörü kullanarak yazdığınız yazılarda fazladan kod kullanmak yine size hatalı kodlar ya da tasarımda aksamalara neden olabilir.</div>
<div class="container" id="cont_message">CSS ile birlikte kodlama yaparken bir çok yerde hr etiketi yerine elementlerin üst ve alt kenarlık değeri ataması yapılarak kodlama yapılmaktadır, bunun yerine hr etiketini kullanabiliriz. hr daha kolay eklenir ve css desteklemeyen araçlarda sayfa görünümünün bozulmasını engeller.</div>