CSS
* {
box-sizing: border-box;
}
img{
border-radius:3px;
}
.img-container {
float: left;
width: 33.33%;
padding: 5px;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
Html
<h2>İğneada Longoz Ormanları</h2>
<div class="clearfix">
<div class="img-container">
<img src="../../../resimler/millipark1.jpg" alt="MilliPark" style="width:100%">
</div>
<div class="img-container">
<img src="../../../resimler/gol.jpg" alt="Gol" style="width:100%">
</div>
<div style="margin-right:0px;" class="img-container">
<img src="../../../resimler/ormanyolu.jpg" alt="Lokanta" style="width:117%">
</div>
</div>
<p>Size Kırklareli iline bağlı güzel cennet köşesi İğneada Longoz Orman\'larından bahsedeceğim.
Her sene gittiğim memleketim olan bu yer, temiz havası insana huzur veren görselliği ile
bütün stres ve sıkıntılarımı unutturuyor.Canım her huzur ve sessizlik istediğinde arabama atlar
soluğu burada alırım...
</p>
Çıktı

Tags:

css yön verme
css float right and left
css float right class
css float right left
css float nedir
css float özelliği
css float div
css float right example
css float right position
css clear nedir
css clear code
css clear kullanımı
css float clear kullanımı
css clear link
css clear özelliği
css float left alternative
css float left example
css float left nedir
css float none clear
css div float none
float none in css
css layout clear
css layout float and clear
css layout float clear
css yan yana açılır menü
css yan yana yazma
css image and text side by side
css float examples
css web layout examples
css website layout examples
css for website layout
css web site layout
css float example div
float example in css
css float layout examples