Iv'e been fondling this code for hours and have gained no advil.

Originally i thought, "Hey make a table and vertically transform that piece of ..." but apparently, either i'm a moron that's doing it wrong **or**.. yeah i'm just an idiot.

```
<html>
     <head>
          <style type='text/css'>
     html, body{
          margin:0;
          padding:0;
          display:table;
     }
     #centerme{
          display:table-cell;
          vertical-align: middle;
          height:100px;
          width:100px;
     }
     </style>
 </head>
     <body>
          <div id='centerme'></div>
     </body>
</html>

```

I feel as if something treacherous is missing from this html.

I am not using CSS3 or any 3rd party libraries for CSS
\_does not work on all browsers

```
position: relative;
    top: 50%;
    transform: translateY(-50%);

```