html - UL overlap, float:left image -
possible duplicate:
why list item bullets overlap floating elements
i've been having problem ul's next floating image
here code i've been using
<img src="abc.jpg" width="300" height="375" style="float:left;" /> hello world isn't amazing <ul> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> <li>six</li> <!--list shortened readability--> </ul> <p>extra sample text here</p>
result
if it's changed to
<ul style="overflow:auto;">
the list carries on past image, not want
also trying below gives wrong result
<ul style="list-style-position: inside;">
photoshop of want
while using list-style-position: inside on , remove padding-left of . padding defined browser. alternative, leave list-style-position: outside , increase margin-left of until bullets aren't overlapping.
Comments
Post a Comment