title: Section tag width height according text?
body: <p>I republish this post agian, because no any suitable answer found. i try with below codes its working but not best width height of section box according to text. I design three css ids 1st is #wbp_row second is #wbp_col and last one is text id name is #threedtext</p>
  
  <pre><code>I try these codes with html5 and css3 techniques. 
  </code></pre>
  
  <p>My css Code:</p>
  
  <pre><code>#wbp_row {
      position:relative;
      display:table;
      border:solid 1px #0F0;
      min-width:auto;
      max-width:960px;
      max-height:auto !important;
      margin: 0 auto;
  }
  #wbp_col {
      position:relative;
      display:table-row;
      width:320px;
      min-height:auto!important;
      border:1px solid #000;
      float:left;
      margin:0 0 0 0px;
      padding:0;
  }
  #wbp_row #threedtext {
      font-size:70px;
      max-height:auto !important;
      text-align:center;
      font-family:Arial, Helvetica, sans-serif;
      /*text-shadow: 0px 4px 0px rgba(82,82,82,.80),
               2px 4px 3px rgba(0, 0, 7, 0.50),
               3px 8px 3px rgba(0,0,0,.40),
               0px 12px 10px rgba(0,0,0,0.1);*/
      color: rgba(141, 198, 63, 1);
      padding:0;
      line-height:normal;
      overflow:auto;
      position:relative;
      border:1px solid #F00;
  }
  </code></pre>
  
  <p>HTML Codes :</p>
  
  <pre><code>&lt;section id="wbp_row"&gt;
  &lt;Section id="wbp_col"&gt;
      &lt;p id="threedtext"&gt;Web&lt;/p&gt;
  &lt;/Section&gt;
  &lt;!--Cols codes end--&gt;
  &lt;Section id="wbp_col"&gt;
      &lt;p id="threedtext"&gt;Brand&lt;/p&gt;
  &lt;/Section&gt;
  &lt;!--Cols codes end--&gt;
  &lt;Section id="wbp_col"&gt;
      &lt;p id="threedtext"&gt;Print&lt;/p&gt;
  &lt;/Section&gt;
  &lt;!--Cols codes end--&gt;
  </code></pre>
  
  <p>
  </p>