Two sections side by side

[Long Con]

I know this is a way simpler question than you guys are probably used to, but I'm just learning, so here goes.

I want to have a section of a page where there are two 'blocks', each 50% of the page-width, side by side. The content inside the blocks has the same layout, but how do I code those two blocks to be side-by-side?

[JAB Creations]

Code: Select all

<section style="float: left; width: 50%;">

<div style="margin: 8px;"><p>stuff</p></div>

</section>


<section style="float: left; width: 50%;">

<div style="margin: 8px;"><p>stuff</p></div>

</section>

[Long Con]

style = float, eh? Thanks again, JAB!

[JAB Creations]

No problem. The float property is part of CSS level 1, I'd recommend reading more about how CSS works. Some tutorial sites have nice visual examples too.

Also that is inline styling, you should stick to using classes instead.

[loganeco]

I just got almost the same questions, thanks for the thread.