Tutorial part 2: Change layout and text of posts.

Today I have decided to write tutorial part 2. Steemit has own 3 css classes to change layout and text of posts.

1. class="pull-right" - float elements to the right 

2. class="pull-left" - float elements to the left

3. class="text-justify" - Use it to justify text

Pull-Left

Code

<div class="pull-left">  
Put Link image Here
</div> 

Example

<div class="pull-left">  
https://steemitimages.com/DQmPTRqnFopekD81QW67rT8n7kYjfdfcmwY4snqs1uqSn1H/Taking-Questions-on-Call-backs-Visual-IVR-Cost-Per-Call-1024x672.jpg  
</div> 

You get this

Pull-right

Code

<div class="pull-right">  
Put link image here 
</div> 

Example

<div class="pull-right">  
https://steemitimages.com/DQmPTRqnFopekD81QW67rT8n7kYjfdfcmwY4snqs1uqSn1H/Taking-Questions-on-Call-backs-Visual-IVR-Cost-Per-Call-1024x672.jpg      
</div> 

Text-Justify

Code

<div class="text-justify">  
Put your text here
</div> 

Example

<div class="text-justify">  
Today I have decided to write about how to resize images. Steemit has own 3 css classes to change layout and text of posts.
</div> 

You get this

Heading Content

<h2></h2>
<h3></h3>

Example

<div class="pull-left">  
https://steemitimages.com/DQmPTRqnFopekD81QW67rT8n7kYjfdfcmwY4snqs1uqSn1H/Taking-Questions-on-Call-backs-Visual-IVR-Cost-Per-Call-1024x672.jpg    
</div> 

<div class="text-justify">  
Today I have decided to write about how to resize images. Steemit has own 3 css classes to change layout and text of posts. Today I have decided to write about how to resize images. Steemit has own 3 css classes to change layout and text of posts.
</div> 

<h2></h2>

<div class="text-justify">  
Today I have decided to write about how to resize images. Steemit has own 3 css classes to change layout and text of posts.
</div> 

<h3></h3>

<div class="text-justify">  
Today I have decided to write about how to resize images. Steemit has own 3 css classes to change layout and text of posts.
</div> 

<h4></h4>

<div class="pull-right">  
https://steemitimages.com/DQmPTRqnFopekD81QW67rT8n7kYjfdfcmwY4snqs1uqSn1H/Taking-Questions-on-Call-backs-Visual-IVR-Cost-Per-Call-1024x672.jpg      
</div> 

<h5></h5>

<div class="text-justify">  
Today I have decided to write about how to resize images. Steemit has own 3 css classes to change layout and text of posts. Today I have decided to write about how to resize images. Steemit has own 3 css classes to change layout and text of posts.
</div> 

I hope you learn somethings so far here . Keep following my post for tutorial part 3. Thank you