I’ve created this coding template to make image posting easier for information warriors, and fellow Steemians alike! It should help us all to up our game and become more competitive.

If you are new to Steem, you’ve probably seen some very nice looking posts. Well, half the battle in creating a post that looks good is in learning to align the images appropriately.

When I first started posting, I was content with a simple image on top with the text below. However, one comes to notice after a while, especially in the cases of multiple images, that it looks far nicer to blend the images in with the paragraphs by aligning them from time to time, either to the left or the right of the text.

Simply copy and paste the codes below as needed, and don't forget to replace the IMAGE-LINK with the url to the image that you would like to display.

Also, remember to replace the URL-LINK to the desired website address you'd like to promote. If you have any questions, sound-off in the comments below and I'll do the best I can to help you out.

P.S.
If you save this link to your favorites now,
it will make finding it later allot easier!

Kind Regards;
@thoughts-in-time

All | work | and
----- | ----- | -----
no | play  | makes
Jack | a dull | boy.

Other HTML

divider & line break
<hr /> <-&-> <br />

superscript
<sup>superscript is very small text</sup>

heading size ranges from 1-6
<h1>Head new sections with different sized text.</h1>

standard hyperlink
<a href="https://www.startpage.com/">World's Most Private Search Engine</a>

<div class=text-justify>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dolor sed viverra ipsum nunc aliquet bibendum enim. In massa tempor nec feugiat.

</div>

<div class="pull-left">

INSERT LEFT PARAGRAPH

</div>

<div class="pull-right">

INSERT RIGHT PARAGRAPH

</div>