Aligning DIVs horizontal frustration

**chas** · 05-26-2009, 02:23 AM

Someone please unlock the secret for me LOL

Code:

<div>

<div style='display:inline'></div>
<div style='display:inline'></div>
<div style='display:inline'></div>

</div>

why wont it work??

i tried to float them as well !!

**bluewalrus** · 05-26-2009, 03:28 AM

Should be " and ended with semi colon like so...

Code:

<div style="display:inline;"></div>

That still may not work did you try...

Code:

<div style="float:left;"></div>

**xereu** · 05-26-2009, 09:12 PM

Try this.

div
{
width:300px;
margin:2px auto;
}

in an external css file or in the <head></head> at the beginning of the html document.

**chas** · 05-27-2009, 05:30 PM

Originally Posted by bluewalrus

Should be " and ended with semi colon like so...

Code:

<div style="display:inline;"></div>

That still may not work did you try...

Code:

<div style="float:left;"></div>

hmm, are you sure you need a ";" as a trailing end? seems to be used as a divider.

Also does pure html require strict use of double quotations?

ie. " " " instead of single " ' "

i didnt think so?

**chas** · 05-27-2009, 05:31 PM

Originally Posted by xereu

Try this.

div
{
width:300px;
margin:2px auto;
}

in an external css file or in the <head></head> at the beginning of the html document.

so it has to be external and not inline declarations?

**bluewalrus** · 05-27-2009, 11:14 PM

; trailing a command is correct if there are commands after them without them they will be ignored and that command may be as well. I'm not sure about the " or ' but i always use double because that's what i started with and don't see a reason to use the single. Inline is the same as in the head or external external is called as is the head. Your problem maybe that you have an element within the div that has their own line break associated with it.

Thread: Aligning DIVs horizontal frustration

Thread Tools

Search Thread

Aligning DIVs horizontal frustration

Bookmarks

Bookmarks

Posting Permissions