How to make a div centered and all sides be equidistant from wrapper

Question

I have a wrapper that takes up the whole screen and I want to make another div to be centered inside it and all its sides be equidistant from the wrapper.

css:

#wrapper {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
}
#inner_div {
    /*centered, sides equidistant from wrapper*/
}

This is not a good example because if your wrapper is 100% height/div, it means it needs another wrapper div with fixed height/div to work. — Anwar, Jan 26 '16 at 13:24

score 2 · Accepted Answer · answered Jan 26 '16 at 13:57

2

This should do the trick

.a {
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50px;
  right: 50px;
  border: 1px solid black;
}

answered Jan 26 '16 at 13:57

Luca Putzu

1,438
18
24

How to make a div centered and all sides be equidistant from wrapper

1 Answers1