Center div horizontally and vertically with container of 100% width and height

Asked May 11 '16 at 17:35

Active May 11 '16 at 17:48

Viewed 109 times

What is the best way to center div in the middle of another element?

I have an container with with set to 100% and height to 130% of the screen but i fail to centr it int the middle ( of the container ). i tried using

div {
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}

But this will just set the the content of div in the middle horizontally only , and set the width and height of the inner element to container element.

What is the best trick to achieve such thing? Here is demo

edited May 11 '16 at 17:48

asked May 11 '16 at 17:35

Darlyn

4,715
12
40
90

that post does not help.. – Darlyn May 11 '16 at 17:42
@trolkura If you do not post a working example we cannot know more about your code. – Francisco Romero May 11 '16 at 17:45
added demo to the question – Darlyn May 11 '16 at 17:48
Look at this [example](http://codepen.io/tom-maton/pen/oqsEJ) in one of the answers of the question marked as duplicate. – Francisco Romero May 11 '16 at 17:54

Center div horizontally and vertically with container of 100% width and height

0 Answers0