Text lässt sich nicht horizontal bündig verschieben

[bendigo]

Hallo Leute

habe mal wieder eine Anfängerfrage .... mein Text sollte eigentlich auf der gleichen höhe wie das Image anfangen, wie schaffe ich das?

<div>
<ul style="list-style-image: url(/kinderwunsch/pic/buchtipp_icon_01_18.png); list-style-position: outside; padding: 0px 0px 0px 10px; margin-top: 0px;">
    <li style="padding: 5px 0px 5px 5px;">
    <span style="list-style-type: none; font-size: 10px; color: #333333;">Two essential steps for a successful intracytoplasmic sperm injection: injection of immobilized spermatozoa after rupture of the oolema.</span>
    </li>
</ul>
</div>

gruss
pascal

 

[djheke]

Ich glaube du muss entweder deine Grafik verkleinern oder die Schriftgröße erhöhen.

Hier mal eine Alternative

<ul style="margin:0;padding: 0; list-style:none;margin-left:30px;">
    <li style="background:url(buch.gif) no-repeat left center #eee; margin:0;padding:7px 5px 7px 30px;font-size:10px;">
    Two essential steps for a successful intracytoplasmic sperm injection: injection of immobilized spermatozoa after rupture of the oolema.
    </li>
</ul>

Höhe für li = font-size:10px + padding-top:7px + padding-bottom:8px = 25 Pixel Grafikhöhe

 

[lascaux]

An was für einer Seite arbeitest du ? Hast du uns einen Link damit es leichter nachvollziehbar ist?