display: block - CSS block positioning

[morleymouse]

im trying to position two div's side by side but the default is one ontop of the other, can get around it with tables but looking to go all new age CSS stylee

css...

#divstyle { display: block; }

html...

<div id="divstyle">thing</div>
<div id="divstyle">other thing</div>

On the page is shows as

thing
other thing

where I want...

thing other thing

any help much appreciated (I imagine its something really easy)

[IntervisionMedia]

<style type="text/css">
   #left { float:left; width:100px; margin-right:10px; border:1px solid #000000;}
   #right { float:left; width:100px; border:1px solid #000000; }
   .clear { clear:both; }
</style>

<div id="left">left</div>
<div id="right">right</div>
<div class="clear"></div>
Back to normal.

That will stack the div's side by side, on one line. Then because the div's are floated they need to be cleared before going back to normal layout. Hope it helps.

Matt.

[morleymouse]

float! thats the one cheers Matt