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

<!DOCTYPE html> <html> <body> <p><strong>Resmi sola yaslama:</strong></p> <p> <img src="http://4.bp.blogspot.com/-HWWb1bhgTrM/Vo2UX0zJk6I/AAAAAAAAAvE/vporP8Uqhc4/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="http://4.bp.blogspot.com/-HWWb1bhgTrM/Vo2UX0zJk6I/AAAAAAAAAvE/vporP8Uqhc4/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

HTML progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS justify-content Özelliği

HTML5 Canvas Oyun Yapımı Dersleri

CSS overflow Özelliği

CSS top Özelliği