Question: I have a table with 2 columns

```
<table border="2">
  <tr>
    <td>
        <div id="menupage" >
            ...
            ...
        </div>
    </td>

    <td align="center"  >   

        <div id="contentpage" >
            ...
            ...
        </div>

    </td>   
  </tr>
</table>

```

I want to keep always in top not in center if the size of `<div id="contentpage" >` is big

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

> 
> vertical-align:top;
> 
> 
> 

See this working [Fiddle Example](http://jsfiddle.net/zuul/PSrcS/)!

**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>

```
You probably are looking at `valign` or `vertical-align`.

```
<td align="center" valign="top">
    <div id="contentpage">
    </div>
</td> 

```

See <http://jsfiddle.net/nivas/Y84pS/>

Note that `valign` is a [deprecated attribute](http://www.w3.org/TR/html4/struct/tables.html#adef-valign) (so are `align` and `border`. See [Index of Attributes](http://www.w3.org/TR/html4/index/attributes.html) for a complete list.). The recommended way to get these functionality is via CSS, using `vertical-align`, `text-align` and `border`.

The second table in my jsfiddle example uses CSS, and gets the same functionality.