Center Content Vertically in Div

Make your content vertically align in the middle of your div element.

Text and an image.

This is just text

Code Example

    <style>
     .area{
      height: 200px;
      width: 300px;
      background: rgb(223, 221, 221);
      margin:10px;
      text-align: center;
      display:table-cell;
      vertical-align:middle;
      border: 1px solid #666666;
      border-radius: 7px;}

     .small {
      width: 50px;
      height: 56px;}
    </style>