nicht angemeldet
Okay, dann hier der Quellcode:
HTML:
<div id="content">
<h2>ÜBERSCHRIFT</h2>
<p />
<div class="imgleft"><img src="bild.jpg" alt="Bild" /></div>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus malesuada. Nulla ut turpis. Donec massa enim, vestibulum et, egestas sed, feugiat id, purus. Phasellus malesuada. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum tincidunt malesuada risus. Ut sem metus, porttitor tempor, gravida ut, tincidunt sit amet, velit. Vestibulum vel dolor. Donec at libero eget odio tincidunt adipiscing. Phasellus congue felis quis risus. Mauris imperdiet, nulla suscipit volutpat lobortis, libero lorem lobortis felis, non bibendum eros mauris interdum purus. Cras quis arcu. Morbi faucibus. Nulla eros dui, viverra sit amet, rhoncus eget, consequat sit amet, est. Aenean ac libero. Vestibulum arcu leo, aliquet id, dictum eget, laoreet a, dolor. Phasellus odio. Vivamus gravida velit et libero. Etiam interdum tincidunt justo. Nulla ac magna.
</p>
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
</ul>
</div>
CSS: (relevante Stellen)
p {display:block; margin: 1em 0 1em 0;}
li {margin-bottom: .3em;}
div.imgleft{float:left; border: none; padding: .3em; margin: .5em 1em 0 0;}
So hat der Text im <p> den Abstand von 1 em zum Bild, die Liste aber mit dem ersten Buchstaben, nicht dem Punkt.
Danke,
Christian