Bootstrap 5 Align Middle

by
centralize div bootstrap
<div class="row align-items-center justify-content-center">
<div class="col">This will be centered vertically and horizontally</div>
</div>
bootstrap 5 align middle
<table style="height: 100px;">
<tbody>
<tr>
<td class="align-baseline">baseline</td>
<td class="align-top">top</td>
<td class="align-middle">middle</td>
<td class="align-bottom">bottom</td>
<td class="align-text-top">text-top</td>
<td class="align-text-bottom">text-bottom</td>
</tr>
</tbody>
</table>
bootstrap 5 vertical align
<span class="align-baseline">baseline</span><span class="align-top">top</span><span class="align-middle">middle</span><span class="align-bottom">bottom</span><span class="align-text-top">text-top</span><span class="align-text-bottom">text-bottom</span>
bootstrap 5 text align middle justify
.about p {
margin: 0;
text-indent: 2rem;
text-align: justify;
}

Leave a Comment