title: css float with width percentage
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/11526261/how-to-create-a-table-layout-with-float-in-css">how to create a table layout with float in css</a>  </p>
  </blockquote>
  
  
  
  <pre><code>    #inner
  {
  
   height:700px;
  
      }
  div.content
  {   
      float:left;
    width:95%;
  
  }
      div.content span.first
      {
          display:block;
          float:left;
          width:25%;
          overflow:hidden;
  
      }
      div.content span.second
      {
          clear:both;
          display:block;
          float:right;
           width:25%;
  
      }
      div.content span.third
      {
          clear:both;
          display:block;
          float:right;
          width:25%;
  
      }
  &lt;/style&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;body&gt;
  
      &lt;div id="outer"&gt;
            &lt;div id="inner"&gt;
            &lt;div class="content"&gt;
              &lt;span class="first"&gt;
             HELLO
          &lt;/span&gt;
         &lt;/div&gt;
  
      &lt;div class="content"&gt;
        &lt;span class="second"&gt;
        pRERNA
            &lt;/span&gt;
        &lt;/div&gt;
  
     &lt;div class="content"&gt;
        &lt;span class="third"&gt;
        gOLANI
         &lt;/span&gt;
      &lt;/div&gt;       
  </code></pre>
  
  <p>
  
  
  When working with pixels is working but not with percentage why?I want to  create three columns of equal width.If outer element is 72%.I want to create cloumns of 72/3 ie 24% width.</p>