resim ile yazı arasındaki boşluğu arttırmam gerek

arkadaşlar merhaba, bir sorum olacak.



resimde gördüğünüz üzere konu açarken resim ekliyorum ve sol üste dayalı seçiyorum. ancak yazılar ile resim arası boşluk yok. sanırım css'de ayarlamam gerekiyor. ancak bilemedim neyi düzenleyeceğimi.
bilgisi olan varsa, yardımcı olursa çok sevinirim.

css de img nin sağına padding bırak

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

gibi

css'de img olarak geçen sanırım tek bu css var.

bunun altına ekledim kodları, image yazdım .image.left falan denedim olmadı. nerede yanlış yapmış olabilirim?
ayrıca yukardaki .image daki değerler ilede oynadım, sonuç değişmedi.

marginleri arrtır ordaki 0'ları 10 yap mesela

olmazsa paddingi arttır.

o değerdeki margin değeri resmin koyduğun yerleri kaydırır;
sol üst köşeden değilde biraz boşluk bırakarak yine sol üst köşede çıkarır

padding değeri ise etrafında boşluk bıraktırır
etrafında sanki hayali bir boşluk varmış gibi

burdaki kodlar çok işime yaradı niphell +repledim.
o verdiğim .image değilde

şöyle bir kısım vardı orası doğruydu, oranın altına,

bunları ekleyince düzelttim.
tabi firefoxtaki Firebug'u unutmamak gerek.
kesinlikle tavsiye ederim, çok işe yarıyor. özellikle de sorun neredeyse sağ tıklayıp elemanı incele dedikten sonra HTML ve CSS isimlerini veriyor.

wint kardeş sana da teşekkürler ayrıca

wordpresste resim eklerken orada gelişmiş ayarlar var. Orada boşluk seçimleri vs. var 5 yazarsan olur : )

evet ben ona hiç dikkat etmemişim
bundan sonra daha dikkatli bakalım, ama bunu da kodlarla hallettik daha sağlıklı oldu.
teşekkürler...