How Did I Not Know? 👀 #3 Center justified in tailwind CSS

There are 4 kind of text justify

• text align left

• text align center

• text align right

• text align justify

Always text align justify last line is left aligned

I always prefer last line should be in center

to achieve that

In CSS,

.center-justified {
  text-align: justify;
  text-align-last: center;
}

Also in tailwind,

<div class="text-justify [text-align-last:center]">
    Lorem Ipsum
</div>

The fun part in Arbitrary Properties,

If you ever need to use a CSS property that Tailwind doesn’t include a utility for out of the box, you can also use square bracket notation to write completely arbitrary CSS:

<div class="[mask-type:luminance]">
    <!-- ... --> 
</div>

I wish all text editor add this new feature too.

Have Fun!.