Vertically aligning all content in a div?

[MagSafe]

Hi there,

A fairly simple css question here; I'm trying to figure out how to vertically align all the content in a div but just can't seem to get the vertical-align command to work

Is there something I have to specify for it to work, or is there any other method I could use?

Thanks

 

[JonD]

This is how I do it:

<div id="myDiv">Center</div>

div#myDiv {
  height: 100px;
  line-height: 100px;
}

 

[MagSafe]

hmm, that works if i want to center it vertically ... but that doesn't work if i need to align it to the bottom (which is what i need to do)

 

[Augmented]

Depending on your markup, you can position: relative; the container element, and then position: absolute; bottom: 0; the inner element to align it to the bottom of the container.