flex

flex centering

by Florin Pop

HTML

<div class="parent">
    <div class="child">
        <h3>some text</h3>
    </div>
</div>

CSS

body,html {
    height: 100%;
}
.parent{
    display:flex;
    height: 100%;
}

.child {
    margin:auto;
    background: #fe5;
    width:100px;
    height:100px;
}