Vertical alignment?

HTML & CSS
1

Hello,

Instead of using table I use CSS ta create table-cells in on my page. See the code below. But how do I align all text in a table-cell to the top?


#container {
width: 900px;
height: 400px;
margin: auto;
padding: 0;
display: table;
border: 1px solid black;   
}

#row {
display: table-row;
}

#left {
width: 250px;
padding: 1em;
display: table-cell;
text-align: left;
}

#right {
padding: 1em;
display: table-cell;
}
2

Vertical-align applies to table-cells (and inline elements on the same line) so just do this.


#left,#right{vertical-align:top}
3

Typically something on the lines of the following: td {vertical-align: top;}