«

Note the following html code:

<div id="linkbar">
<p>
links
</p>
</div>

Now take a look at this CSS:

#linkbar {
height: 30px;
text-align: center;
}

#linkbar p {
vertical-align: middle;
}

Why isn't the text in the div aligned vertically? What's the best way
to do what I want?

Thank you,
Trevor

On Fri, 28 Apr 2006 23:58:56 +0200, Trevor <> wrote:

> Note the following html code:
>
> <div id="linkbar">
> <p>
> links
> </p>
> </div>
>
> Now take a look at this CSS:
>
> #linkbar {
> height: 30px;
> text-align: center;
> }
>
> #linkbar p {
> vertical-align: middle;
> }
>
> Why isn't the text in the div aligned vertically?

Vertical align is a property that works with table cells only.


> What's the best way
> to do what I want?

Add display:table-cell; to the selector #linkbar p


--
______PretLetters:
| weblog | http://www.pretletters.net/weblog/weblog.html |
| webontwerp | http://www.pretletters.net/html/webontwerp.html |
|zweefvliegen | http://www.pretletters.net/html/vliegen.html |

To further the education of mankind, "Trevor" <>
vouchsafed:

> Note the following html code:
>
> <div id="linkbar">
> <p>
> links
> </p>
> </div>
>
> Now take a look at this CSS:
>
> #linkbar {
> height: 30px;
> text-align: center;
> }
>
> #linkbar p {
> vertical-align: middle;
> }
>
> Why isn't the text in the div aligned vertically? What's the best way
> to do what I want?

Add this line to #linkbar p {

line-height: 30px;


--
Neredbojias
Infinity has its limits.

Awesome, thanks.

Barbara de Zoete wrote:

> Vertical align is a property that works with table cells only.

vertical-align also applies to images. (And other replaced content??)

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
Now Playing ~ ./embrace/out_of_nothing/06_keeping.ogg

On Sat, 29 Apr 2006 16:15:39 +0200, Toby Inkster
<> wrote:

> Barbara de Zoete wrote:
>
>> Vertical align is a property that works with table cells only.
>
> vertical-align also applies to images. (And other replaced content??)

Ah. Thank you. Good to know.


--
______PretLetters:
| weblog | http://www.pretletters.net/weblog/weblog.html |
| webontwerp | http://www.pretletters.net/html/webontwerp.html |
|zweefvliegen | http://www.pretletters.net/html/vliegen.html |