Yan yana div kutular yapalım

Yan yana kutu şeklinde div alanlar yapmak için iki çeşit kod kullanacağız.
Öncelikle kullanacağımz css kodlarını verelim. Kutular adında css hazıladık
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>

Css ile iframe özelliği yapmak

css ile sayfaya iframe eklenmiş özelliğini vermek için bu kodu kullanabilirsiniz.
Uzun metinlerde yada listelemelerde bu yöntemi kullanıp sayfanızda yerden tasarruf edebilirsiniz.

<div id="target" style="overflow-y: scroll; background:#ccc; width:400px; height:100px;">
Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,
</div>

Kodun Görünümü

Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,Bu bir deneme yazıdır ,