CSS - Cascading Style Sheets / HTML / JAVASCRIPT / jQuery / Mobile Web Technology

CSS Techniques – Absolute Horizontal And Vertical Centering In CSS

DhirajLeave a comment

We’ve all seen margin: 0 auto; for horizontal centering, but margin: auto;has refused to work for vertical centering… until now! But actually (spoiler alert!)

I’m not the pioneer of this method, and it may even be a common technique, however, most vertical centering articles never mention it and I had never seen it until I dug through the comments section of  read more @ http://www.css-jquery-design.com/…

centering div image both horizontally vertivally

1. Absolute Center

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

ADVANTAGES:

Leave a comment