CSS will not center

Can someone tell me why, or for that matter how it's even possible,
that text placed between this span with this class would not be
centered?

..heading {
font: small-caps normal 18px Georgia, "Times New Roman", Times,
serif;
text-transform: uppercase;
text-decoration: underline;
padding: 8px;
background: #232323;
text-align: center;
clear: both;
margin-right: auto;
margin-left: auto; }

All the other attributes are working, like the font and background.
What am I doing wrong? I've tried adding the inline style="text-
align:center" and that will not do anything either. I've tried it
without the left and right auto margins as well.

Re: CSS will not center

Hi!

I guess you will have to make this span a block-level element. span
is an inline element. If you do then you should also specify a
width as otherwise the element streches across the whole screen
(the width of its parent container-element, respectively):

display:block;
width:100px;

Alternatively you may drop the "display" rule and just replace span
with a div element, which works the same way like span except it
already is a block level element.

bye

alice wrote:

> Can someone tell me why, or for that matter how it's even
> possible, that text placed between this span with this class
> would not be centered?
>
> .heading {
> font: small-caps normal 18px Georgia, "Times New Roman",
> Times,
> serif;
> text-transform: uppercase;
> text-decoration: underline;
> padding: 8px;
> background: #232323;
> text-align: center;
> clear: both;
> margin-right: auto;
> margin-left: auto; }
>
> All the other attributes are working, like the font and
> background. What am I doing wrong? I've tried adding the inline
> style="text- align:center" and that will not do anything either.
> I've tried it without the left and right auto margins as well.
>
>

Re: CSS will not center

Scripsit alice:

> Can someone tell me why, or for that matter how it's even possible,
> that text placed between this span with this class would not be
> centered?

The text-align property applies to block elements only. You could set
display: block, but...

> .heading {

.... since you really seem to have a heading, please read a good book on web
design, in order to get cured from SPANitis and DIVitis. When you then use
proper markup, such as

...

Re: CSS will not center

Well bust mah britches and call me cheeky, on Sat, 21 Jul 2007 20:12:08 GMT
Benjamin Sattler scribed:

> Hi!
>
> I guess you will have to make this span a block-level element. span
> is an inline element. If you do then you should also specify a
> width as otherwise the element streches across the whole screen
> (the width of its parent container-element, respectively):
>
> display:block;
> width:100px;
>
> Alternatively you may drop the "display" rule and just replace span
> with a div element, which works the same way like span except it
> already is a block level element.
>
> bye

Nice x-face, Benny. But are you really as smart as you look? Top-posting
suggests a contrary answer.

--
Neredbojias
Half lies are worth twice as much as little fibs.

Re: CSS will not center

Neredbojias wrote:

> Well bust mah britches and call me cheeky, on Sat, 21 Jul 2007
> 20:12:08 GMT Benjamin Sattler scribed:
>
> Nice x-face, Benny. But are you really as smart as you look?
> Top-posting suggests a contrary answer.
>

hrmpf... I will try and do better... Definitely :-)

Re: CSS will not center

Well bust mah britches and call me cheeky, on Sun, 22 Jul 2007 09:55:19 GMT
Benjamin Sattler scribed:

> Neredbojias wrote:
>
>> Well bust mah britches and call me cheeky, on Sat, 21 Jul 2007
>> 20:12:08 GMT Benjamin Sattler scribed:
>>
>> Nice x-face, Benny. But are you really as smart as you look?
>> Top-posting suggests a contrary answer.
>>
>
> hrmpf... I will try and do better... Definitely :-)

Sorry, I'm just a natural-born smart-ass. Too old to change now. (But
Duende is the _official_ group geezer.)

--
Neredbojias
Half lies are worth twice as much as whole lies.

Re: CSS will not center

Post removed (X-No-Archive: yes)

Re: CSS will not center

Well bust mah britches and call me cheeky, on Sun, 22 Jul 2007 18:19:17 GMT
Duende scribed:

>>>> Nice x-face, Benny. But are you really as smart as you look?
>>>> Top-posting suggests a contrary answer.
>>>>
>>>
>>> hrmpf... I will try and do better... Definitely :-)
>>
>> Sorry, I'm just a natural-born smart-ass. Too old to change now. (But
>> Duende is the _official_ group geezer.)
>>
>
> More like wheezer. :(

Breathing problems? Ah, am there, doin' that. Azma, emfizzeema, cope, you
name it. I got more inhalers than topless dancers have g-strings.
'Course, there _is_ a bright side. "What is it?" says you. "Well, let me
tell ya," says I. Provides a good excuse for those pesky feelings of self-
recrimination. Lack of oxygen to the brain and all that...

What happened to Puddin' Pete? Didn't set right with you? (Nyuk, nyuk.)

Btw, did you see that new Australian TSA stamp? -A philatelist's dream.

http://tinyurl.com/yuyzdr

....Heard they're gonna issue a whole series. Just can't wait to collect
'em.

--
Neredbojias
Half lies are worth twice as much as whole lies.

Re: CSS will not center

Post removed (X-No-Archive: yes)

Re: CSS will not center

Well bust mah britches and call me cheeky, on Mon, 23 Jul 2007 17:58:42
GMT Yorkshire Pete scribed:

> On 22 Jul 2007 Neredbojias wrote in alt.html
>
>> What happened to Puddin' Pete? Didn't set right with you? (Nyuk,
>> nyuk.)
>>
>> Btw, did you see that new Australian TSA stamp? -A philatelist's
>> dream.
>>
>> http://tinyurl.com/yuyzdr
>>
>
> How cool, brucie on a stamp.

Brucie? Nah, think more schizophrenic.

--
Neredbojias
Half lies are worth twice as much as whole lies.

Re: CSS will not center

>
> > What am I doing wrong?
>
> To be honest, in this case, pretty much everything*). But it's curable.
> There are many good books on web design. Hanging around in Usenet groups may
> help a little, too.
>

Actually, there are reason that most of the code is the way it is,
including the underlining, so really I was not doing pretty much
everything wrong. Thanks for trying though.

Re: CSS will not center

>
> > What am I doing wrong?
>
> To be honest, in this case, pretty much everything*). But it's curable.
> There are many good books on web design. Hanging around in Usenet groups may
> help a little, too.
>

Actually, there are reason that most of the code is the way it is,
including the underlining, so really I was not doing pretty much
everything wrong. Thanks for trying though.