title: css calc with center offset
body: <p><a href="http://jsfiddle.net/8p2okfgo/" rel="noreferrer">Here is what I am trying</a></p>
  
  <p>I have an element in the center that i want to stay in the center. 
  Now i want an element to hug the left side of this element. </p>
  
  <p>so in reality where i want the left most position of the left div would be right:calc(50%-200px-(lefts width));</p>
  
  <p>my problem is doing right:50%; does something but right:calc(50% +100px) does not. </p>
  
  <p>How can i make it so the div with the left class is always hugging the guy in the center?</p>
  
  <pre><code>&lt;div class="left"&gt; hug this center element &lt;/div&gt;
  &lt;div class="middle"&gt; this stays in the middle&lt;/div&gt;
  </code></pre>