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

default float problem

if it's changed to

<ul style="overflow:auto;"> 

too long

the list carries on past image, not want

also trying below gives wrong result

<ul style="list-style-position: inside;"> 

green text comments

photoshop of want what 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

Popular posts from this blog

delphi - How to convert bitmaps to video? -

jasper reports - Fixed header in Excel using JasperReports -

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -