How do I do this

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

News - 25 Apr 2006 23:00 GMT

I want one <div> beside the next no space I want them to be like boxes lined
up like these equal signs
==============================

How do I do that with CSS, I read about something I thought was "inline" but
I don't know how to set it.

Signature

Totus possum, totum Deum.
Totus ero, totum meum.
WSW

Reply to this Message

frederick - 25 Apr 2006 23:47 GMT

> I want one <div> beside the next no space I want them to be like boxes lined
> up like these equal signs
> ==============================
>
> How do I do that with CSS, I read about something I thought was "inline" but
> I don't know how to set it.

What you want is "float: left":

div {
float: left;
}

<div>One</div>
<div>Two</div>
<div>Three</div>

You'll see that this produces some like this:
OneTwoThree

Signature

AGw.

Reply to this Message

News - 26 Apr 2006 00:21 GMT

>> I want one <div> beside the next no space I want them to be like
>> boxes lined up like these equal signs
[quoted text clipped - 15 lines]
> You'll see that this produces some like this:
> OneTwoThree

Thanks that worked, for some reason I thought it had to do with inline.

Thanks again

Signature

Totus possum, totum Deum.
Totus ero, totum meum.
WSW

Reply to this Message

frederick - 26 Apr 2006 00:32 GMT

> > What you want is "float: left" [...]
>
> Thanks that worked, for some reason I thought it had to do with inline.

No probs.

Make sure that you have a Google for the small no. of other possible
values for "float"; likewise look at "clear", which acts to cancel the
float for a subsequent block.

Signature

AGw.

Reply to this Message

Tony - 26 Apr 2006 18:36 GMT

>>>What you want is "float: left" [...]
>>
[quoted text clipped - 5 lines]
> values for "float"; likewise look at "clear", which acts to cancel the
> float for a subsequent block.

If you're using floats with clears, you should also be aware of the IE
"peekaboo bug"

http://www.positioniseverything.net/explorer/peekaboo.html

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / April 2006

How do I do this