The thing that makes our content attractive and readable is presentation of content. If we want to work online on different blogging websites, then first thing that we need to consider is presentation of content skill. We should make our content attractive by using different heading, table, bullets, and using links.
Before start working on steemit we should learn about content presentation. For this purpose steemit define tags and keyword that make content presentable. We will discuss five markdowns as requirement.

Table

For Comparison we use table. So how to draw a table in steemit editor let’s see.

How to create a table using html?

I faces few problem regarding creating table in its own defined tag. So, I prefer html to create table.

Code

<table>
<tr>
<th> Advatages </th> <th> Disadvantages </th>
<tr>
<td> Adv 1</td> <td> Disad 1</td>
</tr>
<tr>
<td> Adv 2 </td> <td> Disad 2</td>
</tr>
</table>

Output

Text Justify

Text Justification makes our content attractive. So, we will learn how to justify the text.

<div class="text-justify">

Random Text for Checking text justification. Random Text for Checking text justification. Random Text for Checking text justification.Random Text for Checking text justification. Random Text for Checking text justification. Random Text for Checking text justification. Random Text for Checking text justification. Random Text for Checking text justification.
</div>

Output of Code

Text Without Justification Tag

Random Text for Checking text justification. Random Text for Checking text justification.Random Text for Checking text justification.Random Text for Checking text justification.Random Text for Checking text justification. Random Text for Checking text justification.Random Text for Checking text justification. Random Text for Checking text justification.

How to Align text into two Columns?

Code

<div class="pull-right">
Text for Align right. Text for Align right.Text for Align right.Text for Align right.Text for Align right.Text for Align right.Text for Align right.Text for Align right.Text for Align right.Text for Align right.Text for Align right.Text for Align right.Text for Align right.Text for Align right.
</div>

Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.

It look like that

Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.Text for Align left.

How to add Line at the End of paragraph and How to insert space between to paragraph?

Write three stars without space is using for adding Line between paragraphs. It separates the paragraph.
When we want add space between two paragraphs then we write the following tag.

<br>

How to add Headings of different Sizes?

Heading plays an important role in making our post attractive. We use Heading and Sub-headings in our content. So how to add Heading and Sub-headings in our content.

Heading 1

Heading2

Heading 3

Heading 4

Heading 5

Heading 6

Above Heading is created by using this code:

#Heading 1
##Heading 2
###Heading 3
####Heading 4
#####Heading 5
######Heading 6

How we can place our content and text at center.

In our content there are many things that are looking beautiful when they are place at center. For thing purpose we use Center tag that make our content center.

Code

<center> Text </center>