CSS Vertically & Horizontally Center Div [duplicate]

by

If the div has an fixed width and height use:
(if width=120px and height=80px)

position: fixed;
top: 50%;
left: 50%;
margin-left: -60px; /* negative half of the width */
margin-top: -40px; /* negative half of the height */

More Related Contents:

  1. Why is percentage height not working on my div? [duplicate]
  2. CSS negation pseudo-class :not() for parent/ancestor elements
  3. Flexbox: 4 items per row
  4. IE8 issue with Twitter Bootstrap 3
  5. Making a div vertically scrollable using CSS
  6. Matching the first/nth element of a certain type in the entire document
  7. Elongated hexagon shaped button using only one element
  8. Align image in center and middle within div
  9. CSS :first-letter not working
  10. CSS absolute position won’t work with margin-left:auto margin-right: auto
  11. Is it possible to display an .html document , or .html fragment at CSS content?
  12. What are the priorities among CSS selectors
  13. How to add button inside input [closed]
  14. CSS: How can I set image size relative to parent height?
  15. How to make images stay within the rows of a css grid container?
  16. CSS – Sticky footer [duplicate]
  17. what does -webkit-transform: translate3d(0,0,0); exactly do? Apply to body?
  18. How to center an iframe horizontally?
  19. How to Make A Chevron Arrow Using CSS?
  20. Change the column order in a css grid
  21. How to center buttons in Twitter Bootstrap 3?
  22. :before && :after pseudo elements not showing Firefox
  23. @font-face not working with specific version of Internet Explorer 11
  24. Pin a flex item to the bottom of the container
  25. Border around specific rows in a table?
  26. Making a div that covers the entire page
  27. Word wrap a link so it doesn’t overflow its parent div width [duplicate]
  28. How to calc() the number of rows in a grid template?
  29. Is it possible to set a src attribute of an img tag in CSS?
  30. How to fill 100% of remaining height?

Leave a Comment