472,101 Members | 1,493 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,101 software developers and data experts.

How do I do this

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.

--

Totus possum, totum Deum.
Totus ero, totum meum.
WSW
Apr 25 '06 #1
4 1150
News wrote:
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
--
AGw.

Apr 25 '06 #2
frederick wrote:
News wrote:
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


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

Thanks again
--

Totus possum, totum Deum.
Totus ero, totum meum.
WSW
Apr 25 '06 #3
News wrote:
frederick wrote:
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.
--
AGw.

Apr 25 '06 #4
frederick wrote:
News wrote:
frederick wrote:
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.


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

http://www.positioniseverything.net/.../peekaboo.html
Apr 26 '06 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by James | last post: by
5 posts views Thread by Scott D | last post: by
2 posts views Thread by Nick | last post: by
2 posts views Thread by Alexander Ross | last post: by
reply views Thread by Dan Foley | last post: by
5 posts views Thread by Lee Redeem | last post: by
5 posts views Thread by christopher vogt | last post: by
6 posts views Thread by Phil Powell | last post: by
1 post views Thread by Michel | last post: by
11 posts views Thread by Maciej Nadolski | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.