Page Widget How to - Centered Vertically in table cell








Question

We would like to know how to centered Vertically in table cell.

Answer


<!DOCTYPE html>
<html>
<body>
  <table>
    <tr>
      <td style="height:200px;width: 400px; border: 1px solid black">
         <span style="vertical-align: middle">Centered Vertically</span> 
         <img src="http://placehold.it/20x20" style="float: right" />
      </td>
    </tr><!--   w w w.j ava2 s.c  o  m-->
    </td>
</body>
</html>

The code above is rendered as follows: