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

in steemit •  8 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 :)

steemit interface formating tutorial ux
8 years ago by

Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

  • Disagreement on rewards
  • Fraud or plagiarism
  • Hate speech or trolling
  • Miscategorized content or spam

Submit
$0.11
  • Past Payouts $0.11
  • - Author $0.09
  • - Curators $0.02
44 votes
9
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  
  • Trending
    • [-]
      ·  8 years ago 

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

    Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

    • Disagreement on rewards
    • Fraud or plagiarism
    • Hate speech or trolling
    • Miscategorized content or spam

    Submit
    $0.00
      1 vote
      [-]
        ·  8 years ago 

      You are very welcome :)

      Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

      • Disagreement on rewards
      • Fraud or plagiarism
      • Hate speech or trolling
      • Miscategorized content or spam

      Submit
      $0.00
        [-]
          ·  8 years ago 

        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.

        Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

        • Disagreement on rewards
        • Fraud or plagiarism
        • Hate speech or trolling
        • Miscategorized content or spam

        Submit
        $0.00
          [-]
            ·  8 years ago 

          Thank you for this info!

          Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

          • Disagreement on rewards
          • Fraud or plagiarism
          • Hate speech or trolling
          • Miscategorized content or spam

          Submit
          $0.00
            [-]
              ·  7 years ago 

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

            Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

            • Disagreement on rewards
            • Fraud or plagiarism
            • Hate speech or trolling
            • Miscategorized content or spam

            Submit
            $0.00
              [-]
                ·  7 years ago 

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

              Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

              • Disagreement on rewards
              • Fraud or plagiarism
              • Hate speech or trolling
              • Miscategorized content or spam

              Submit
              $0.72
              • Past Payouts $0.72
              • - Author $0.72
              • - Curators $0.00
              1 vote
              [-]
                ·  7 years ago 

              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.

              Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

              • Disagreement on rewards
              • Fraud or plagiarism
              • Hate speech or trolling
              • Miscategorized content or spam

              Submit
              $0.00
                [-]
                  ·  7 years ago 

                You are welcome.

                Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

                • Disagreement on rewards
                • Fraud or plagiarism
                • Hate speech or trolling
                • Miscategorized content or spam

                Submit
                $0.66
                • Past Payouts $0.66
                • - Author $0.66
                • - Curators $0.00
                2 votes
                [-]
                  ·  7 years ago 

                Thank you !!

                Downvoting a post can decrease pending rewards and make it less visible. Common reasons:

                • Disagreement on rewards
                • Fraud or plagiarism
                • Hate speech or trolling
                • Miscategorized content or spam

                Submit
                $0.00