please see the code below:::: i am trying to float the freechocs.jpg image to the right of the UL and have the top line of the UL "flow" around the top of the image. At the moment it forces a new line but the image is actually below it in the layout.
please help:-----
.homecenter {float: left; width: 548px; margin: 5px 5px 0 5px; padding: 0px; background-color: #C9DED8; border: solid 1px #7B858A}
#strap {background-color:#43616b;
border-bottom: solid 3px #cf001b; border-top: solid 3px #cf001b; height: 10px; padding: 2px; width: 544px; text-align: center; color: white; font:bold 10px verdana, arial, san-serif}
.homeimg {float:left; margin: 0;}
.straplistcont {float:left;width: 344px; padding: 0; margin: 0;}
ul.straplist {float: left; margin: 0; padding: 0; list-style-type:square}
li.straplist {margin:0 0 0 20px;padding:0 0 0 2px;font: bold 10px verdana,arial, san-serif; color: #464646; line-height: 1.5 }
.choccont {float: right; font: bold 9px verdana, arial, san-serif; border: 1px solid #eee; padding: 15px; margin:30px 0 0 0}
<div class="homecenter">
<h1 id="strap">Welcome to the home of XXXXXXXXXXXX</h1>
<div class="homeimg">
<img src="images/homeimg.jpg" alt="XXXXXXXX" width="250" height="166">
</div>
<div class="straplistcont">
<ul class="straplist">
<div class="choccont">
<img src="images/freechocs.jpg"
alt="XXXXX" width="100" height="66">
</div>
<li class="straplist">Fresh flowers imported daily from around the World</li>
<li class="straplist">A fantastic choice of flowers for every occasion</li>
<li class="straplist">Hand written personal messages</li>
<li class="straplist">Next day mainland UK delivery</li>
<li class="straplist">Secure online shopping</li>
<li class="straplist">Shop with confidence</li>
<li class="straplist">Amazing value</li>
</ul>
</div>
</div>
Start Free Trial
