Div ile Kutu ve Tablo Oluşturma

WordPress için yanyana kutular yada table olarak düşünün bu şekilde kutular oluşturmak için div’leri kullanmamız gerekir, html ile tablo yapmakda mümkündür ama wordpress’e göre ayarlamak ve temalara göre uyarlamak oldukca zordur olabiliyor ve pratiklik açısından css ve html birleştirilerek basit kutular yapılabilmektedir.

Css Kodları:

.kutular
{
border: solid 1px black;
float: left;
height: 100px;
width: 100px;
}

Şimdide html ile kullanılacak kodlarımızı verelim. Aşağıdaki kodu sitenizde bir yere yerleştirdiğinizde 100 x 100 3 adet kutunuz olacak, siz kodlar ile dilediğiniz gibi oynayabilirsiniz.
Html kodları :

<div class="kutular">1</div>
<div class="kutular">2</div>
<div class="kutular">3</div>