Hello steemit and steemians hope you all doing great.

Img Src

Justify Text

Almost every article in Steam contains text, so I will talk first about how to format texts. One of the very common mistakes, especially for newcomers, is not Justifying Text.

we must put the code <div class="text-justify">before the text and put </div>after the text that we want to justify
ex:

the text before we use the code
Hello ladies and gentlemen, we are meeting today to celebrate the first decade since the establishment of the Steam platform, and today we will review the most important events and facts that the platform went through during the whole decade

the text after we use the code

Align text into two cells

There are people who write in two languages or for another reason. We may need to write the text in two different columns. To do this we need to:

Put this cod before the right part of the text<div class="pull-right">
and put </div>after the right part of course
Ex:

Hello ladies and gentlemen, we are meeting today to celebrate the first decade since the establishment of the Steam platform, and today we will review the most important events and facts that the platform went through during the whole decade.

We can also justify them to get this result:

##How to center a text
we must put the text that we want to center between these codes
<center> text that we want to center</center> To get this result:

text that we want to center

By the way, we can highlight the headline of the text by adding the hashtag symbol # in the first of the row before the code. We can control the font size by adding more symbols From one to six symbols.
ex:
# headline
## headline
### headline
#### headline
##### headline
###### headline

They will be like this

headline

headline

headline

headline

headline

headline

Image alignment

All of we can upload images easily and we can align them to any by adding the following code:

<div class="pull-left"> Image link without brackets and parentheses </div>
and we align it to the right by changing the word left by right in the code

Note that you must delete the part in between brackets and delete the two parentheses also.

ex:

Hello ladies and gentlemen, we are meeting today to celebrate the first decade since the establishment of the Steam platform, and today we will review the most important events and facts that the platform went through during the decade. Hello ladies and gentlemen, we are meeting today to celebrate the first decade since the establishment of the Steam platform, and today we will review the most important events and facts that the platform went through during the decade.

---

Img Src

Links:

If we add any link to Steam, it will turn into a clickable immediately, while we can hide the link and display another word through the following form:
[word that we need to display](link we want to add)

Table:

You can make a table by separating the row cells using bars (not slash) and separating the first row of the table from the rest of the rows by using dashes as shown below:

R1 C1 | R1 C2| R1 C3| R1 C4
----- | -----| -----| -----
R2 C1 | R2 C2| R2 C3| R2 C4
R3 C1 | R3 C2| R3 C3| R3 C4
R4 C1 | R4 C2| R4 C3| R4 C4
RC C1 | R5 C2| R5 C3| R5 C4

this will like this

R1 C1	R1 C2	R1 C3	R1 C4
R2 C1	R2 C2	R2 C3	R2 C4
R3 C1	R3 C2	R3 C3	R3 C4
R4 C1	R4 C2	R4 C3	R4 C4
RC C1	R5 C2	R5 C3	R5 C4

Quotes:

We put the symbol greater > than Before the phrase quoted to distinguish it
ex:

Hello ladies and gentlemen, we are meeting today to celebrate the first decade since the establishment of the Steam platform, and today we will review the most important events and facts that the platform went through during the whole decade.