title: Center text on two lines inside a div
body: <p>I'm having some trouble centering a text inside a div. The text, "Project description" is a little bit longer than the other options so it is displayed on two lines. </p>
  
  <p>Here's the code responsible for this:</p>
  
  <pre><code>.left-menu {
      float: left;
      width: 109px;
      margin-right: 33px;
  
  }
  
  .left-menu .button {
      width: 108px;
      height: 64px;   
      background-color: #E6E6E6;  
      margin-bottom: 32px;
      text-align: center;
  }
  
  .left-menu .button a {
      font-size: 18px;
      font-weight: bold;
      line-height: 64px;
      color: #00359F;
      text-decoration: none;
  }
  </code></pre>
  
  <p>And here here is the <a href="https://jsfiddle.net/L5z2qwo6/1/" rel="nofollow">fiddle</a>.</p>
  
  <p>How can I make the word "description" to be displayed right bellow the word "Project"?</p>
  
  <p>Thank you!</p>