console
<div class="p-2">
<div class="bg-primary mx-auto d-block text-center d-flex flex-column justify-content-center" style="color: white; width: 120px; height: 60px;">
Center
</div>
<div class="clearfix mb-2">
Float to left.
<div class="bg-primary text-center d-flex flex-column justify-content-center mx-2" style="color: white; width: 120px; height: 60px; float: left;">
Left
</div>
</div>
<div class="clearfix mb-2">
Float to right. Float to right. Float to right. Float to right. Float to right. Float to right. Float to right. Float to right.
Float to right. Float to right. Float to right. Float to right. Float to right. Float to right. Float to right. Float to right.
<div class="bg-primary text-center d-flex flex-column justify-content-center" style="color: white; width: 120px; height: 60px; float: right;">
Right
</div>
Float to right. Float to right. Float to right. Float to right. Float to right. Float to right. Float to right. Float to right.
Float to right. Float to right. Float to right. Float to right. Float to right. Float to right. Float to right. Float to right.
</div>
</div>