<div class="text-justify"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I have recently had some comments asking about how the justified can be done in a Steemit post, like I sometimes do it. So here is a tutorial on how to do that.
</div>


### What is Justified

<h1></h1>

<div class="text-justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Justified text is a fancy way of saying how text fills the box that contains it. If you have ever used text editing software like Word and Google Docs, then you might be familiar with these icons:
</div>
<h1></h1>

https://steemitimages.com/DQmPF2NEAHSKE8rNCKBeMoxxBGy93ta1TNf5fEH7bxpai14/213890.image1.jpg
***

Let's start with justify as an example.

![2010AlignmentFull.png](https://steemitimages.com/DQmXe5P1UqrmdY8neq2yHNtoyMHsfw4UYdDUqdRwdBG3Rnc/2010AlignmentFull.png)

***
 Enter the html code, which is also known as a div block:


Use `<div class="text-justify">`for justify code.  Each div must be closed with a `</div>`.

Example usage:

```
<div class="text-justify">
Write your text here... I have recently had some comments asking about how the justified can be done in a Steemit post, like I sometimes do it. So here is a tutorial on how to do that.
</div>
```
<h1></h1>

You get this 👇
<div class="text-justify">
Write your text here... I have recently had some comments asking about how the justified can be done in a Steemit post, like I sometimes do it. So here is a tutorial on how to do that.
</div>

<h1></h1>


http://bestanimations.com/Site/Lines/Symbol-03-june.gif
<div class="text-justify">
Some browsers will get confused about where the last line of text is and when a block of text is immediately followed by a table. But don't worry, there are way to fix this issue. 
</div>

http://bestanimations.com/Site/Lines/Symbol-03-june.gif

<h1></h1>

## Example 1: `<h1></h1>`

![IMG_20180213_092636.JPG](https://steemitimages.com/DQmT8FrXLqMZmyZh3fKv7ZtK6z17M7VG1gLisvuHBWaqS9C/IMG_20180213_092636.JPG)

Use `<h1></h1>` code. 

![IMG_20180213_092123.JPG](https://steemitimages.com/DQmbFZuejydbSfV59yB1sPuwr7nmJfvNpRdKrUVhfXbjx6r/IMG_20180213_092123.JPG)

You get this 👇

![IMG_20180213_093010.JPG](https://steemitimages.com/DQmU3AQYDNbDe8xGEAs9J9SGvxm9x6LjijW2sEq3opNKdu2/IMG_20180213_093010.JPG)


http://www.gifs.cc/line-animated-birds-wire.gif

## Example 2: `<P></P>`

![IMG_20180213_101621.JPG](https://steemitimages.com/DQmPR9JMDfi9WiH8agu18x59WY4hxfNr4pCe3gqLwSJsdkF/IMG_20180213_101621.JPG)


Use `<P></P>` code. 


![IMG_20180213_101342.JPG](https://steemitimages.com/DQmYBXdSjwFHWVoxYZ7x9Bqwn3WkDtGggzz983ejYjinojS/IMG_20180213_101342.JPG)

You get this 👇

<P><div class="text-justify">Member TeamMalaysia Sabah telah bertambah dari masa ke semasa.  Berikut adalah pertambahan jumlah ahli dari December 2017, January 2018 dan February 2018 :</div></P><TABLE BORDER> <TR> <TD>December</TD> <TD>40 ahli</TD> <TR> <TD>January </TD> <TD> 114 ahli</TD> <TR> <TD>February </TD><TD>8 ahli(13/2/2018)</TD> </TABLE>

***
<div class="text-justify">
Note that with the current Steemit editor, there is no super easy way to do this, so this guide will be helpful to those who really want to use these features in their posts.
</div>

***
***
#### Don't forget to check out my most recent steemit tutorial post. Thank you 😊
<h1></h1>
[Tutorial: kod 'markdown' untuk blog anda](https://steemit.com/teammalaysia/@arwine/tutorial-kod-markdown-untuk-blog-anda)

http://cur.glitter-graphics.net/pub/3008/3008623bny8uhl047.gif

<div class="text-justify">
Let me know what you think, please leave your comments below. As always, follow me if you like my work and want to see more. If you think others will enjoy this Please ReSteem it!
</div>


![U5dtWDWNAa4LvcKUJxJWXjJLzxF3dmz.gif](https://steemitimages.com/DQmYfKYGX2M8Qc8nNUi6TqUzHKoeLmafZ6PVBMjt7wjXe5R/U5dtWDWNAa4LvcKUJxJWXjJLzxF3dmz.gif)
![screedbot.gif](https://steemitimages.com/DQmUhQu38TQdzGUW1UwMMHn4eBQKq3EDQTR7ryGy2zfxHB8/screedbot.gif)