div and vertical align

[Tobias Müller]

Hi,

doesn't "div" supports vertical align?

<div class="text">Hello World</div>

and

..text {
height: 100px;
vertical-align: bottom;
}

doens't work. Any hints?

Regards from Germany
Tobias

 

[Jukka K. Korpela]

doesn't "div" supports vertical align?

The vertical-align property (which is CSS, not HTML) applies to inline
elements and table cell elements only. By default, a div element is a block
element.

 

[Steve Pugh]

doesn't "div" supports vertical align?

No. Nor does any other block level element. Look it up in the CSS spec
- http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align

"Applies to: inline-level and 'table-cell' elements"

<div class="text">Hello World</div>


.text {
height: 100px;
vertical-align: bottom;
}

doens't work. Any hints?

Use padding and/or line-height. Or if IE is not required to support
this part of the presentation use display: table-cell along with
vertical-align.

Steve