[Solved] css align header links in middle

by


I am not sure why you need to use tables, and I am not sure if I understand your questions right, but is this what you’re looking for?

Fiddle link: http://jsfiddle.net/micahSan/eB4rK/

Basically, this is what I’ve done:

<div id="container">
  <table id="myTable">
    <tr>
      <td>
        <input type="text"/>
      </td>
    <td>
        <input type="text"/>
    </td>
</tr>
<tr>
    <td colspan="2">
        <a href="#">Testing</a>
        <a href="#">Longer link goes here</a>
    </td>
</tr>

And your css:

#container {
text-align:center; 
vertical-align:middle;
background-color: #cccccc;
}

#myTable {
margin-left:auto;
margin-right:auto;

}

0

solved css align header links in middle