Center Message box on Any Screen Resolution

center, css, styles

Solution

I just saw this after reading about how to do one on a CSS Techniques page.

Basically, define a little CSS:

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

ADVANTAGES:

Cross-browser (including IE8-10)

No special markup, minimal styles

Responsive with percentages and min-/max-

Use one class to center any content

I have not had time to test it out, but I wanted to post it up here in the hope that it helps others.

Problem

Please Help me to center the message box on fit on any screen resolution.. can you show what css or style, margins, left, right,that I can use?

Original source