CSS vertical align of text block within div

CSS vertical align of text block within div

**A.) If you only have one line of text:**

HTML:

  <div>vertically centered text</div>

CSS:

  div
  {
    height: 200px;
    line-height: 200px; /* <-- this is what you must define */
    vertical-align: middle;
  }
  
  
**B.) If you have multiple lines of text:**

HTML:
  
  <div><span>vertically centered text</span></div>

CSS:

  div
  {
    height: 200px;
    line-height: 200px;
  }
  
  span
  {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px; /* <-- adjust this */
  }