css calc with center offset

Question

Here is what I am trying

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.

so in reality where i want the left most position of the left div would be right:calc(50%-200px-(lefts width));

my problem is doing right:50%; does something but right:calc(50% +100px) does not.

How can i make it so the div with the left class is always hugging the guy in the center?

<div class="left"> hug this center element </div>
<div class="middle"> this stays in the middle</div>

Answer 1

left: 50%; //->  align center
margin-left: -30px;  //-> your element width / 2 when element = 60px