Core Code
Core Code Modern Dev Handbook

CSS Flex Align Items

Align-items controls vertical alignment in flex containers.

Preview

Code

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

.box{
background:white;
padding:10px;
}
</style>

<div class="container">
<div class="box">Aligned box</div>
</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 Flexbox Center open example example CSS Grid Center Alignment open example example CSS Center Image open example example CSS Align Buttons open example