is this possible?
i have two div floating left so there are inline and level thats gret but i now need them in the centre of the page ( preferable with a small space between them ) problem i have i need them tobe a strict 180px wide. code below ( i know the images are all the same and linking to the same place.)
<div align="centre">
<!-- Scrolling Images Fullhouse Start -->
<!-- Change width, border size, background colour, padding and heading colour and size below -->
<noscript><a href="www.fullhousemagzine.co.uk"><img src="images/FH34_01.jpg" /></a></noscript>
<div style="float:left; width: 180px; text-align:left; border: solid 1px #C0C0C0; background: #FFFFFF; padding: 0px;
color: #000000; font-size: 12px"><CENTER><strong>FullHouse Magazine</strong></CENTER>
<!-- Change marquee direction height and speed below Change image link and image with yours below -->
<marquee onmouseover='this.stop();' onmouseout='this.start();' direction="up" height="300" scrollamount="6" >
<div id="FHpicture scroll0"><a href="http://www.fullhousemagazine.co.uk" rel=�nofollow� target="_blank"><img src="images/FH34_01.jpg" width="180" height="250" alt="FullHouse" border="0"/></a></div>
<div id="FHpicture scroll1"><br><br><a href="http://www.fullhousemagazine.co.uk" rel=�nofollow� target="_blank"><img src="images/FH35_01.jpg" width="180" height="250" alt="FullHouse" border="0"/></a></div>
<div id="FHpicture scroll2"><br><br><a href="http://www.fullhousemagazine.co.uk" target="_blank"><img src="images/FH36_01.jpg" width="180" height="250" alt="FullHouse" border="0"/></a></div>
</marquee>
</div>
<!-- Scrolling Images Fullhouse End -->

<!-- Scrolling Images LoveIt Start -->
<!-- Change width, border size, background colour, padding and heading colour and size below -->
<noscript></noscript>
<div style="float:left; width: 180px; text-align:center; border: solid 1px #C0C0C0; background: #FFFFFF; padding: 0px;
color: #000000; font-size: 12px"><CENTER><strong>LoveIt</strong></center>
<!-- Change marquee direction height and speed below Change image link and image with yours below -->
<marquee onmouseover='this.stop();' onmouseout='this.start();' direction="up" height="300" scrollamount="6" >
<div id="LIpicture scroll0"><a href="http://www.fullhousemagazine.co.uk" rel=�nofollow� target="_blank"><img src="images/FH34_01.jpg" width="180" height="250" alt="FullHouse" border="0"/></a></div>
<div id="LIpicture scroll1"><br><br><a href="http://www.fullhousemagazine.co.uk" rel=�nofollow� target="_blank"><img src="images/FH34_01.jpg" width="180" height="250" alt="FullHouse" border="0"/></a></div>
<div id="LIpicture scroll2"><br><br><a href="http://www.fullhousemagazine.co.uk" target="_blank"><img src="images/FH34_01.jpg" width="180" height="250" alt="FullHouse" border="0"/></a></div>
</marquee>
</div>
<!-- Scrolling Images LoveIt End -->
</p>