title: Align text on center of screen
body: <p>Why is this not working?  </p>
  
  <p>I have this:</p>
  
  <pre><code>&lt;div class="center"&gt;
    &lt;div class="line"&gt;
      text
    &lt;/div&gt;
    &lt;div class="line"&gt;
      text2
    &lt;/div&gt;
    &lt;div class="line"&gt;
      text3
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>in css:</p>
  
  <pre class="lang-css prettyprint-override"><code>.line {
      display: inline-Block;
      width: 150px;
  }
  
  .center {
      margin: 0 auto;
  }
  </code></pre>
  
  <p>Why isn't <code>.center</code> css working? I want it to be in center of my screen but it puts it on left corner.</p>