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

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1729877918198/3260baac-cf0a-443e-a6e9-b5c6950aba48.png align="center")

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

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1729878117184/15a3fcca-a6e6-4168-8d26-bfcbda51efc4.png align="center")

I always prefer **last line should be in center**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1729878259910/d394148b-e75e-4619-844f-2a3be989dab4.png align="center")

to achieve that

In CSS,

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

Also in tailwind,

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

The fun part in [Arbitrary Properties](https://tailwindcss.com/docs/adding-custom-styles#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:

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

I wish all text editor add this new feature too.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1729879386271/dda83b95-1c6c-4a65-bd1d-3443573f0efc.png align="center")

Have Fun!.