title: Set div outerwidth using css
body: <p>I wonder if there is way to set <code>outerwidth</code> of a <code>div</code> using <code>css</code> to ignore padding and borders.  </p>
  
  <p>When I set a <code>div</code> to be <code>50%</code> width, padding and border will be added to the width. How can I solve that without <code>javascript</code> or <code>jQuery.outerWidth()</code> ?  </p>
  
  <p>Don't want to use an extra element</p>