Put an element of <td> always on top not in center

css, html

Solution

You can use the `CSS` `vertical-align` property to align the `TD` contents to the `TOP`:

vertical-align:top;

See this working Fiddle Example!

e.g.,

<table border="2">
  <tr>
    <td style="vertical-align:top;">
      <div id="menupage">
        ...
      </div>
    </td>
    <td align="center" style="vertical-align:top;">   
      <div id="contentpage" >
        ...
      </div>
    </td>   
  </tr>
</table>

Problem

Original source