title: Not able to set height of paragraph in percentage
body: <p>I am facing a problem:
  HTML:</p>
  
  <pre><code>&lt;div id="picture_buttons"&gt;
              &lt;p class="images"&gt;&lt;/p&gt;
              &lt;p class="images"&gt;&lt;/p&gt;
              &lt;p class="images"&gt;&lt;/p&gt;
              &lt;p class="images"&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#picture_buttons{
      width:74%;
      margin:20px auto 20px auto;
      overflow:auto;
      padding:2%;
      border:solid 1px white;
      text-align:center;
  }
  .images{
      width:34%;
      height:45%;
      float:left;
      display:inline-block;
      margin:6%;
      background-color:white;
  }
  </code></pre>
  
  <p>Now I am facing two problems: First, I am not able to set the height of paragraphs in %. It just doesn't display anything, but if I specify the size in pixels, then there is no problem. Second, the <code>text-align:center;</code> property in "#picture_buttons" is not working as well.</p>
  
  <p>Please help.</p>