[Solved] Div is not centered properly, why?


Change width: 100%; to width: 90%; so you aren’t extending the page by adding margin-right/left:5% and set padding:15px; to padding: 15px 0; so only top and bottom gets padding:

#contentholder {
    background-color: #eeeeee;
    margin-left: 5%;
    margin-right: 5%;
    min-height: calc(100vh - 210px);
    width: 90%;
}

Then:

Get rid of float:left on the class .step. Boom it is all centered.

enter image description here

0

solved Div is not centered properly, why?