title: css divide width 100% to 3 column
body: <p>I have a layout where I have 3 columns.</p>
  
  <p>Therefore, I divide 100% by 3.</p>
  
  <p>The result is obviously 33.333....</p>
  
  <p>My <strong>goal is</strong> perfect <strong>1/3 of screen</strong>.</p>
  
  <h2>Question:</h2>
  
  <p>How many numbers after dot can CSS handle to specify 1/3 of width ? </p>
  
  <p>e.g. <code>33.33333</code> <code>(n=5)</code> ← how many <code>n</code> can css handle</p>
  
  <h2>HTML:</h2>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="c1"&gt;&lt;/div&gt;
      &lt;div id="c2"&gt;&lt;/div&gt;
      &lt;div id="c3"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h2>CSS:</h2>
  
  <pre><code>#c1, #c2, #c3 {
      width: 33%; // 1/3 of 100%
  }
  </code></pre>
  
  <p>Is there a better way to divide by 3?</p>