Educative Site Free Online Academic Courses Tutorials, Books with enough questions and answers
If you want to center an object exactly in the center of a page then use the following css code. This will put your object / image exactly in the center of your page deciding the browser / window size.
|
1 2 3 4 5 6 7 |
.centered { position: fixed; top: 50%; left: 50%; /* bring your own prefixes */ transform: translate(-50%, -50%); } |
|
1 2 3 4 5 6 7 |
.centered { position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -100px; } |