Question

I have a background div with set dimensions, which includes a table element.

I’m looking for a way to position the table in the middle-left of the div. Left is easy, middle I can’t get to work. This is what I have:

HTML

 <div id="background">
      <table>
        //... stuff 
      </table>
 </div>

CSS:

 #background {
      height: 1000px;
      width: 1000px;
      text-align: left;
      }

Can someone tell me how to vertical align the table?

Answer 1

Div’s don’t allow vertical aligns typically. The only option would be to make it act like a table cell or do something like margin/padding that will look like your table is vertically aligned.