CSS Position text in the middle of the page

Question

I would like to position a  lt h1 gt  in the middle of any user s page  I have been searching the internet and they all position it in the incorrect place  Thank you  UPDATE  I mean vertical and horizontal  In the exact middle  ALSO  There is nothing else on the page

User · Answer

Here s a method using display flex    x000D   x000D   container   x000D    height  100   x000D    width  100   x000D    display  flex  x000D    position  fixed  x000D    align-items  center  x000D    justify-content  center  x000D    x000D   lt div class  container  gt  x000D     lt div gt centered text  lt  div gt  x000D   lt  div gt  x000D   x000D   x000D    View on Codepen Check Browser Compatability

User · Answer

Even though you ve accepted an answer  I want to post this method  I use jQuery to center it vertically instead of css  although both of these methods work   Here is a fiddle  and I ll post the code here anyways   HTML    lt h1 gt Hello world  lt  h1 gt    Javascript  jQuery      document  ready function         h1   css    width   100     text-align   center        var h1      h1   height      var h   h1 2    var w1     window  height      var w   w1 2    var m   w - h      h1   css  margin-top  m    px         This takes the height of the viewport  divides it by two  subtracts half the height of the h1  and sets that number to the margin-top of the h1  The beauty of this method is that it works on multiple-line h1s   EDIT  I modified it so that it centered it every time the window is resized

User · Answer

Try this CSS   h1       left  0      line-height  200px      margin-top  -100px      position  absolute      text-align  center      top  50       width  100       jsFiddle  http   jsfiddle net wprw3

[css] CSS: Position text in the middle of the page

Examples related to css

Examples related to text

Examples related to positioning