Yazıya Göre Resim Konumlandırma Örnek

<!DOCTYPE html> <html> <body> <p><strong>Resmi sola yaslama:</strong></p> <p> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgpYNtQhLn9CzHJAJ9h7_ozMtUoawlk3_gzVJfzSpANy9wwr67luU8ugSTk2IMBc_QC5Y4ByKAmymqKifisAGZaJBIki5MldGQeo4tLdS31tVlxQx3dcikCeaF6otMXZsVhw-kmrm3UQ/s200/smiley.gif" alt="Smiley" style="float:left; width:60px; height:60px;" /> Float özelliği ile sola yaslanmış resimli bir paragraf. Float özelliği ile sola yaslanmış resimli bir paragraf. </p> <p><strong>Resmi sağa yaslama:</strong></p> <p> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgpYNtQhLn9CzHJAJ9h7_ozMtUoawlk3_gzVJfzSpANy9wwr67luU8ugSTk2IMBc_QC5Y4ByKAmymqKifisAGZaJBIki5MldGQeo4tLdS31tVlxQx3dcikCeaF6otMXZsVhw-kmrm3UQ/s200/smiley.gif" alt="Smiley" style="float:right; width:60px; height:60px;" /> Float özelliği ile sağa yaslanmış resimli bir paragraf. Float özelliği ile sağa yaslanmış resimli bir paragraf.</p> <p>Nesneleri konumlandırmak için CSS float özelliğini kullanabilirsiniz. HTML 4'te align özelliği artık kullanılmıyor ve HTML5'te desteklenmiyor.</p> </body> </html>

Yorumlar

Bu blogdaki popüler yayınlar

CSS border-width Örnek

CSS flex-shrink animasyon

CSS3 column-count Örnek

CSS border-color Özelliği

CSS3 border-top-left-radius uygulama

HTML5 ile SEO Uyumlu İçerik Üret

Web Sitenizden Çok Para Kazanin

İnternetten hangi alanlarda para kazanılır?-İnternetten para kazanmanın yolları

Html dersleri

HTML DOCTYPE Bildirimi