Text Justification, Alignment of Images and Links: The MarkDown syntaxes most used

[hevictor]

There are many guides and tutorials about the use of Markdown, but this time I want to highlight the commands that are most used and common, at least for me. .

Text Justification:

To justify the entire text of the publication, I only add two MarkDown lines, one at the beginning of the text and one at the end:

I write this at the beginning of the text of the publication: <div class="text-justify"><p>
and this at the end: </div>

It would stay like this in the text editor:

<div class="text-justify"><p>
...all the text of the publication...
</div>

Alignment of Images:

The images can be aligned to the center and to the right, by default they are automatically aligned to the left. Also, if the image is not your own, it is recommended to place the link of the source of the image, the following are the codes for this purpose:

• Center Image:

<center>link of the image</center>
<center>[Name of the Source](Link to the image source)</center>

Result:

Pinterest

• Align Image to the right:

<div class="pull-right">link of the image<p><a href="Link to the image source">
<center>Name of the Source</center></a></p></div>

Result:

Pinterest

• Align Image to the right:

<div class="pull-left">link of the image<p><a href="Link to the image source">
<center>Name of the Source</center></a></p></div>

Result:

Pinterest

Links in text and images:

This function is useful to avoid placing long directions URL and to give a better appearance to the publication. To do this, it is only necessary to place the text or the image to which we want the embedded the link to be between brackets, then, without leaving spaces, we place the URL between parenthesis:

Link in Text:
[text](link reference URL)

Link in Images:
[![name of the image](link of image)](link reference URL)

It would stay like this in the text editor:
Link in Text:
[Victor profile](https://steemit.com/@hevictor)

Link in Images:
[![Victor](https://steemitimages.com/DQmbpLprPvdqSzwJtku7Dwac5ZocN3bWkmDoWSSp3EqqkyN/perfil.JPG)](https://steemit.com/@hevictor)

Result:

Victor profile

I hope this information will be useful, until next time!

Comments

[kharma.scribbles]

Thank you for this!

$rewarding 20%

[rewarding]

The reward of this comment goes 100 % to the author hevictor. This is done by setting the beneficiaries of this comment to 100 %.

[drotto]

This post has received a 3.13 % upvote from @drotto thanks to: @banjo.

[resteemable]

Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase https://
3. Type re
Get Featured Instantly � Featured Posts are voted every 2.4hrs
Join the Curation Team Here | Vote Resteemable for Witness

[minnowsupport]

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by hevictor from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.