Steemit Blog Tutorial: How do you make text-justify in HTML

in #tutorial7 years ago (edited)
       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.

What is Justified

       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:


Let's start with justify as an example.

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>

You get this 👇

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.

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.

Example 1: <h1></h1>

IMG_20180213_092636.JPG

Use <h1></h1> code.

IMG_20180213_092123.JPG

You get this 👇

IMG_20180213_093010.JPG

Example 2: <P></P>

IMG_20180213_101621.JPG

Use <P></P> code.

IMG_20180213_101342.JPG

You get this 👇

Member TeamMalaysia Sabah telah bertambah dari masa ke semasa. Berikut adalah pertambahan jumlah ahli dari December 2017, January 2018 dan February 2018 :

December 40 ahli
January 114 ahli
February 8 ahli(13/2/2018)

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.


Don't forget to check out my most recent steemit tutorial post. Thank you 😊


Tutorial: kod 'markdown' untuk blog anda

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!

U5dtWDWNAa4LvcKUJxJWXjJLzxF3dmz.gif
screedbot.gif

Sort:  

Thanks for the tutorial... I needed this! How to justify my paragraph!!! Thanks again! tip!

Thanks for the support and you're welcome ;)

You are most welcome

Thank you @tipu. Thank you @elizacheng ..

thank you very much for the tutorial, please make more advance coding since as a newby i only know the basic from the Markdown Styling Guide

Sure. Hehe, you're welcome!

Wow thanks for sharing this is one good referral during blogging steemit!

Great, glad I could help;)

is there is a bottom for justify text in steemit or we should edit in html raw?

Coin Marketplace

STEEM 0.18
TRX 0.15
JST 0.029
BTC 63820.95
ETH 2497.43
USDT 1.00
SBD 2.69