Today we would like to introduce some advanced formatting options for your blog post.
Pull Left Example
<div class="pull-left">
https://imageurl.com/img.jpg
<center> **left image caption** </center>
</div>
Pull Right Example
You can also pull your images right using the pull-right class.
<div class="pull-right">
https://imageurl.com/img.jpg
<center> **Right Caption** </center>
</div>
Text Justify Example
Some of us like our text to look well structured like a newspaper or magazine article that aligns along both the right and left sides of the page. That is now possible by using the text-justify class.
<div class="text-justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
Example Rendering of Justified Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Summary
When using pull-left or pull-right your images will automatically be limited to a width of 50%. The interaction with markdown can produce some unexpected results and formatting. When all else fails you can use basic HTML tags like <b> or <i> to get the text style you would like.
Monetize your Steemit Blog with Amazon Affiliate Links
The savvy blogger can earn extra revenue by linking to Amazon products using their link generator. If you use amazon affiliate links on steemit.com, then we reserve the right to remove, disable, or modify the embedded images and or links to comply with Amazon's Associates Program Operating Agreement and their Associates Program Linking Requirements.
Happy Blogging!