HTML bir satırı 3 parçaya bölme kodu kullanımı örneği (HTML dividing a row into three part)

HTML de bir satırınızı 2 veya 3 parçaya bölmek isterseniz aşağıdaki kod bloğunda olduğu gibi kodunuzu yazabilirsiniz.

<div style="height: 80px;">
<div style="height: 100%; width: 100px; float: left;">01</div>
<div style="height: 100%; width: 650px; float: left;">&nbsp;</div>
<div style="height: 100%; width: 150px; float: left;">03</div>
</div>

Hatta isterseniz 3 parça ve 2 satıra bölme işlemini ise şu şekilde yapabilirsiniz.

<div style="height: 80px;">
<div style="height: 50%; width: 50%; float: left;">0101</div>
<div style="height: 50%; width: 50%; float: left;">0102</div>
<div style="height: 50%; width: 50%; float: left;">0201</div>
<div style="height: 50%; width: 50%; float: left;">0202</div>
</div>

Leave a Reply

Your email address will not be published. Required fields are marked *