1 reply [Last post]
asgeo1
Offline
newbie
Last seen: 15 years 43 weeks ago
Joined: 2003-11-25
Posts: 4
Points: 0

Hi,

I would like to create this effect with CSS:

<table>
<tr>
<td>fjdklsafjd<br>fjdsklajfd<br>jfdklsajf</td>
<td>fjdkls<br>fjkdlasjfdkl<br>fjdslkafjd<br>jfkldsajflkdsja</td>
</tr>
</table>

I want to translate this to using divs alongside each other:

<div>fjdklsafjd<br>fjdsklajfd<br>jfdklsajf</div>
<div>fjdkls<br>fjkdlasjfdkl<br>fjdslkafjd<br>jfkldsajflkdsja<br></div>

If I use display:inline on the div's the <br>'s will disrupt the div's and they won't sit along side each other properlly.

float:left and whathaveyou didn't seem to work either....

I don't want to use absolute positioning either, which is the only way I can think of doing it.

thanks
-Adam Smile

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 18 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

How to position boxes along side each other?

Hi asgeo1,
I would try float left again just make sure you specify a width for each of the divs.
If you still have problems post a link or attachment so we can try and help out.