Core Code
Core Code Modern Dev Handbook

CSS Flexbox Center

Flexbox makes horizontal and vertical centering simple.

Preview

Code

<style>
.container{
display:flex;
justify-content:center;
align-items:center;
height:120px;
background:#fde68a;
}
</style>

<div class="container">Centered content</div>

More CSS Align Examples (8)

example CSS Text Align Center open example example CSS Text Align Right open example example CSS Center Block Using Margin Auto open example example CSS Vertical Align open example example CSS Flex Align Items open example example CSS Grid Center Alignment open example example CSS Center Image open example example CSS Align Buttons open example