Div tags side by side

HTML & CSS
1

Hello CSS guru’s,

I’d like to have two ‘cells’ on my page which are side by side and I’d like to do it using CSS if possible…

Something like this:

At the moment I am using the following code:
<div id=“centercontent”>
<table width=“100%” cellspacing=“0” cellpadding=“0” border=“0”>
<tr>
<td>
<div id=“newshort”>
<!–content here… –>
</div>
</td>
<td>
<div id=“newshort”>
<!–content here… –>
</div>
</td>
</tr>
</table>
</div>

As far as I know DIV tags automatically create line breaks after the closing tag, is there a way around this?

Thanks in advance…

Regards,

Iceflow

2

you dont need a container but have two divs with either their display set to inline and a fixed/% width or the same but floated, eg:

<div style=“display:inline; width:100px;”>content</div>
<div style=“display:inline; width:100px;”>content</div>

or

<div style=“float:left; width:100px;”>content</div>
<div style=“float:left; width:100px;”>content</div>

:slight_smile:

3

Thanks a million!

Iceflow

4

you’re welcome :slight_smile: