How Can You Left Or Right Align Parts Of Your Steemit Article, Images Included?

in #steemit8 years ago

Well, you can! With a bit of html...

Wouldn't it be nice if you could illustrate your articles with left or right aligned paragraphs?

Remember, this only works when you type - or copy-paste - your text into ordinary text area. Anyways, the Editor link on the right top side of the input area is hidden when you are using html.

OK, let us start with ...

1. Right Side Column With Text

Right side column

Left side column

The Code

<div class="pull-right">
Right side column
</div>
Left side column

2. Right Side Column With Image

Left side column





The Code

<div class="pull-right">
http://i.imgur.com/LVTwnCs.png 
</div>
Left side column

3. Left Side Column With Image

Right side column





The Code

<div class="pull-left">
http://i.imgur.com/LVTwnCs.png
</div>
Right side column

Go ahead and play with alignments. And have fun :)

Sort:  

@ervin-lemark, i like this stuff. I'm new to all this markdown. Thank you for sharing.

You are very welcome :)

I had to get acquainted with it. To learn more about this. I would like to re-read that to get acquainted with the different parts of the post. Post deserves attention. The material is presented correctly. It describes the problem well. The material presented in the post, appears clearly to our consciousness. Thank you pay attention to it.

Thank you for this info!

Doesn't matter how many times I try the code just appears above the picture, I cannot figure out what i am doing wrong.

Try putting empty lines between the tags and see if the layout changes.

Your post are now a "reference" in steem.center galego Page Como formatear textos con Markdown
Thank you very much for your contributions.
Best Regards.

You are welcome.

Thank you !!

Coin Marketplace

STEEM 0.25
TRX 0.11
JST 0.033
BTC 63036.79
ETH 3067.42
USDT 1.00
SBD 3.82