phiber — Thu, 27 Jul 2006 02:30:01 +0000

This should work.

I hope this helps.

Johnny

[edit]
Sorry, didn't see the post with this info already.
[/edit]

mscreashuns — Thu, 27 Jul 2006 01:50:49 +0000

Yeah, 'display: inline' does not work for DIVs. Here's some sample code that you could use to do it.

The HTML:

<div class="left">
 <p>Here's some text...</p>
</div>
<div class="left">
 <p>Here's some more text...</p>
</div>

The CSS:

div.left {
float: left;
}

These would float side by side. You could set one to 'float: right' but this would achieve the same effect by setting an appropriate width and margin.

benf — Wed, 26 Jul 2006 19:50:51 +0000

you need to float left and right....

#div
{
float: left;
}

Titanic Dreams — Wed, 26 Jul 2006 04:22:05 +0000

http://www.mandarindesign.com/boxes.html isn't to bad for some css.

steve40 — Sat, 15 Jul 2006 23:01:35 +0000

This might help you, take a look.

alistapart.com

webguy84 — Sat, 15 Jul 2006 22:40:31 +0000

Can anyone give me a link for a good tutorial about inline with div tags. Thanks

steve40 — Sat, 15 Jul 2006 19:29:20 +0000

is a block level element, which means it will automatically create a space. You can send one right, and the other left, then line them up with margining. But that's the best you can do as far as I know.

Of course I am not the foremost expert on this sort of thing.

mscreashuns — Sat, 15 Jul 2006 19:25:23 +0000

To get any two tags in line, use the 'display' selector.

You would have something like this:

div#div1 {
display: inline;
...(other properties)...
}
div#div2 {
display: inline;
...(other properties)...
}

Now that I think about it, I'm not 100% sure if it works for DIVs, but it does work for tags like P, LI, etc...