Centering
Various techniques for centering elements.
Various techniques and utilities for centering elements.
Centering Utilities
Quick centering with utility classes.
.center
Center content horizontally and vertically
View Example
html
<div class="flex center" style="height: 200px;">
<div>Centered Content</div>
</div>.center-x
Center horizontally
View Example
html
<div class="center-x">
<div>Horizontally Centered</div>
</div>.center-y
Center vertically
View Example
html
<div class="center-y" style="height: 200px;">
<div>Vertically Centered</div>
</div>