How to leave a block in the middle?

Question

css

Hello!
Short question.. how to keep the blue block in place by pushing the blue and green off the screen?
Also set it to absolute positioning?
jsfiddle.net/fo8yz20y/1

Answer 1

Yes, install it position:absoluteand add padding from the left edge

Answer 2

You don't need to add any padding, the code below will make the block element always in the center.
The indented solution won't give you universality on different screens.
Note that the position of an absolute box depends on who its parent is and whether there is position: relative above.