title: CSS3: How to align text vertically within a div?
body: <p>I have a div with a custom font and I'm trying to make it so the text has the same height as the div it's inside of.</p>
  
  <p>I've been trying to find a way to override the vertical alignment of text without a div with no success.
  I was hoping there was something like the text-indent method for this purpose.</p>
  
  <p><a href="http://jsfiddle.net/h6u7uq6g/" rel="nofollow">Here's a simple JsFiddle with my example.</a>  </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'&gt;
  &lt;style&gt;
  .texto {
      background-color: #000;
      height: 24px;
      font-family: 'Lekton', sans-serif;
      color:white;
      font-size: 24px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="texto"&gt;Test&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>