title: css: align justify, but text on left side
body: <p>why doesn't <code>justify</code> work? Text stays left-aligned.</p>
  
  <pre><code>&lt;div class="menu"&gt;
      text text text
  &lt;/div&gt;
  .menu{
       width: 150px;
       background-color: #c1c1c1;
       color: #000;
       text-align: justify;   
  }
  </code></pre>
  
  <p>Live sample:
  <a href="http://jsfiddle.net/FUkpR/" rel="nofollow">http://jsfiddle.net/FUkpR/</a></p>