title: how to set div element to always be one third from left
body: <p>I have a div element inside another div element like this:</p>
  
  <pre><code>&lt;div id="container"&gt;
    &lt;div id="inner" style="width:50%;"&gt; 
      some text
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>inner div now covers half of the width of container. 
  I want to position my inner div so that it is 1/3 of the empty space from left and 2/3 from right.
  In other words 1/6 of the width of the container from left and 2/6 from right.
  I want the inner div to be always like that even if you resize container. How do I do it?</p>