Я пытаюсь отложить элементы li из ul. В нем есть левый плавающий div с изображением. Элемент li будет отступать только в том случае, если я добавлю левое заполнение, которое шире самого изображения.
Если я поплаваю влево, это решает проблему, но затем все элементы после ul перемещаются справа от ul.
<div class="left">
<p ><img src='image.jpg' alt='homepage.jpg' width="360" height="395" /></p>
</div>
<p>
Est tincidunt doming iis nobis nibh. Ullamcorper eorum elit lius me delenit.
</p>
<hr />
<h3>Lorem</h3>
<ul>
<li>list element</li>
<li>list element</li>
<li>list element</li>
</ul>
css:
.left {float: left; }
.left img {padding-right: 20px;}
ul li { padding-left: 10px; background: blue; }
спасибо!