The text-align CSS property sets the horizontal alignment of a block element or table-cell box. This means it works like vertical-align but in the horizontal direction.

For responsive

add -sm, -md, -lg or -xl to class name, for example:

<div class="tac tal-sm"></div>

.tal {
    text-align: left;
.tac {
    text-align: center;
.tar {
    text-align: right;
.taj {
    text-align: justify;
.talc {
    text-align-last: center;
.talr {
    text-align-last: right;