How to do margin: 0 auto 0 auto minus a few pixels with CSS?

css, margin

Solution

Center using `margin: 0 auto;` and move left using `position: relative; left: -100px;`

position: relative;
margin: 0 auto;
left: -100px;

Problem

I want to do this: ``` margin: 0 auto 0 auto; ``` so that it floats to the center, but I want to move the div 100px to the left so essentially ``` margin: 0 auto 0 [auto minus 100px]; ``` so it is 100px to the left of the center. How do I do this with CSS? NOTE: This div is overlaid on top of another div. I cannot put it inside another larger div. ``` <style> #one { width: 100px; margin: ? } </style> <div id="one"> sdgdgffdsg </div> ``` UPDATE: SOLVED GGG gave me the solution in the comment. ``` position: absolute; left: -100px; margin: 0 auto; ```

Original source