Vertically centering button using css

Question

I am trying to make a simple input button center-align within a table cell.

My markup is:

Answer 1

If you make your button an inline element and add text-align: center to the parent td you should be fine.

.tools {
  text-align: center;
}

.submit {
  display: inline;
}

  

    
XXXXXXXXX
    

  
  

    
YYYYYYYY
  





  

    
XXXXXXX
    
YYYYYYY