Center Aligning Div

@OctoberWindNov 14.2008 — #If you add {margin: 0 auto;} to your #nav-span, that will center it within its parent tags.

I'd also like to take a look at your use of [b]border[/b]

[b]border[/b] is the shorthand tag, and needs 1-3 of the styles defined by it.

width (size)

style (type: solid, dashed, double)

color (well, color.)

The way you have it it your css, boder: 1px is overwritten by border: solid. border-color: #ccc is fine.

since all 4 border are going to be the same, what I would do it use this instead.

[code=html]
 border: solid 1px #ccc;
 [/code]

I've never found that order makes a difference; whether it's [i]solid 1px #ccc[/i] or [i]1px solid #ccc[/i].

By default, Firefox displays [b]border: solid[/b] as (from what i could figure) 4px. which is a lot different than 1px.

if you did have to separate each border and its properties, do so like this:

[code=html]
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #ccc;
 boder-right-width: 1px;
 ...
 [/code]

and so on, for border-right, border-bottom, and border-left.

Center Aligning Div

2 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Center Aligning Div

2 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #CSS _↴