cevarief/center-div-handv.md

## center-div-handv.md

      
    Raw
  

              center-div-handv.md
            
          
    Centering Div Vertically and Horizontally

html

<div class="container">
    <div class="content">
    I'm always<br/>
    In<br>
    Center :)
    </div>
</div>

css

html, body {
    width: 100%;
    height: 100%;
    display: table;
}

.container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.content {
    background-color: #dddddd;
    display: inline-block;
    text-align: center;
    padding: 5px;
    width:200px;
}