Horizontal align item center

Margin : auto & Element Width

                                        <div class="content-center"></div>                                    
                                        .content-center{
height: 100px;
max-width: 200px;
margin: 0 auto;
}

Position: absolute

                                        <div class="content-center-wrap">
<div class="content-center"></div>
</div>                                    
                                        .content-center-wrap{
position: relative;
}
.content-center{
height: 100px;
width: 200px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
}
Go Back