How to center a span element using external css?

[Ken Adams]

Hey, How does one center a span element using an external css. I seem to be
able to change the text color and size and all that, but for some reason I
can't center it. I have the following.
document.write('<span id="tP" class="clock">+eval(oT)+'</span>');



with the following css

..clock {

color: maroon;

font-family: 'Times New Roman';

font-size: x-small;

text-align: center

 

[Mitja]

Hey, How does one center a span element using an external css.

span is an inline element and therefore can't be aligned. Make it a p or a
div instead of a span, or explicitly make the span block-level by using
display:block.

 

[Steve Pugh]

Hey, How does one center a span element using an external css. I seem to be
able to change the text color and size and all that, but for some reason I
can't center it. I have the following.
document.write('<span id="tP" class="clock">+eval(oT)+'</span>');

text-align: center

text-align centers the text within the span. As the span is only as
wide as the text it contains, centering that text has no effect.

To center the span you need to apply text-align: center; to whatever
block level element is the span's parent.

Steve

 

[David Dorward]

Hey, How does one center a span element using an external css.

http://dorward.me.uk/www/centre/