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>
Share on Facebook0Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

Leave a Reply


*