CSS
div.yesilkutu {
border: 3px solid #4CAF50;
padding: 5px;
}
.sagayasla {
float: right;
}
.clearfix {
overflow: auto; /*içeriği otomatik olarak */
}
Html
<div class="yesilkutu">
<img class="sagayasla" src="../../../resimler/aycicegi.jpg" alt="Aycicegi" style="width:170px;height:170px;margin-right:5px;">
Ayçiçeği dünyada ve Türkiye\'de en önemli yağ bitkilerinden biridir. Marmara Bölgesi\'nde daha çok yetiştirilir. Trakya Bölgesi\'nde yoğunluk gösterir. Ayçiçeğinin üstündeki çekirdekler fabrikalarda işlenerek satılır...(https://tr.wikipedia.org/wiki/Ayçiçeği)
</div>
<div style="clear:right"><br></div>
<div class="yesilkutu clearfix">
<img class="sagayasla" src="../../../resimler/aycicegi.jpg" alt="Aycicegi" style="width:170px;height:170px;margin-right:5px;">
Ayçiçeği dünyada ve Türkiye\'de en önemli yağ bitkilerinden biridir. Marmara Bölgesi\'nde daha çok yetiştirilir. Trakya Bölgesi\'nde yoğunluk gösterir. Ayçiçeğinin üstündeki çekirdekler fabrikalarda işlenerek satılır...(https://tr.wikipedia.org/wiki/Ayçiçeği)
</div>
Çı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