how to center an inline block element code example
Example 1: inline block align center
.parent {
display: flex;
justify-content: center;
align-items: center;
}
.child {
display: inline-block;
}
Example 2: how to center horizontally and vertically block div
#html code
<div class="parent">
<h1 class="child">CSS is cool</h1>
</div>
#css code
.parent{
display:grid;
place-items:center;
width:560px;
height: 560px;
}