Search code examples
csscenteringnormalize

div won't center with normalize.css

For some reason when I add normalize.css to my code my div won't center within it's container.

<div id="wrap">
    <div id="myDiv">
    </div>
</div>

and

#wrap {
height:100%;
width:100%;
text-align:center;
}

#myDiv {
height:30%;
width:60%;
background:#999999;
}

jsfiddle: http://jsfiddle.net/msteeledunn/3xw1t6yo/

Solution

  • Add margin: 0 auto; to myDiv CSS