title: CSS Font-Size Reset
body: <p>I'm just wondering if there is any kind of CSS font-size Reset Code,
  since I am doing a grid without float and had to set the font-size to 0</p>
  
  <p>As a Result of that none of my Text inside that Div is showing up.</p>
  
  <p>Thank you for your help!</p>
  
  <p><strong>Edit:</strong></p>
  
  <p><strong><a href="http://jsfiddle.net/NoahWetjen/ZgcJw/2/" rel="noreferrer">JSFiddle</a></strong></p>
  
  <p>Some way to do the Grid without setting the font-size to 0 would also be great.</p>
  
  <p>This is the simplified Markup and CSS I'm using:</p>
  
  <p><strong><em>HTML</em></strong></p>
  
  <pre><code>&lt;div class="container"&gt;
  
      &lt;div class="inner"&gt;
  
          &lt;section id="left-area"&gt; [...] &lt;/section&gt;
  
          &lt;section id="right-area"&gt; [...] &lt;/section&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong><em>CSS</em></strong></p>
  
  <pre><code>.container {
      margin: 0 auto;
      text-align: left;
      width: 1020px;
  }
  
  .container .inner {
      width: 100%;
      height: 100%;
      display: table-row;
      font-size: 0;
  }
  
  .container .inner section#left-area, .container .inner section#right-area {
      display: inline-block;
      vertical-align: top;
  }
  </code></pre>