Div won't center horizontally

Question

Here is the code. This is as simple as can be. Why won't it center?

.msg {
    width: 600px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    font-size: 42px;
    font-weight: bold;
}
</style>
</head>
<body>
<div class="msg">This is not centered. Why not?</div>
</body>
</html>

All you're trying to do is place this `
` at the center of the page? — Kesem David, Sep 08 '16 at 23:25
What browser are you using? Also, is that the only css on the page? (I don't see a starting style tag) — Mr. Meeseeks, Sep 08 '16 at 23:30

score 1 · Answer 1 · answered Sep 08 '16 at 23:26

1

It needs to have position: relative;, plus the parent element also needs to have a position setting other than static (which is the default).

answered Sep 08 '16 at 23:26

Johannes

59,058
16
59
114

Div won't center horizontally

1 Answers1