To Justify or not, pulling left and right and all in the pink.

          So while surfing around on steemit I found another new tool to help make my post look a little bit better. This tool is the class="text-justify", here is that little tidbit of code: <div class="text-justify"> . Okay so now I need to figure out how to show the code. So neither the tick mark nor the forward slash would work for showing the code, so just remove the space after < and before > and you have the code. So we have easy to justify text, nicely wrapped text, and nicely justified pictures, but showing of the code would have to be done with pictures.

---

To set all text to justified copy the following code into the section of your blog post. If you want all text rendered like in a book with an even right edge you can use a single style rule. To set all text to justified copy the following code into the beginning of your post right after leading "all the above text was copied¹ and pasted just checking out the use of justify with the use of pull left and pull right to see how it looks/works. So far I think it is working pretty well. Okay I wanted to see how a new paragraph start would look also, so here we go.

          Warning the next sentence is a long, long run on one, (what can I say, I'm not a writer and tend to type the way I talk I guess, or think, who knows). So I had to scroll and scroll way back in my post to find my first picture to use, ( I could not scroll back far enough so I had to re-upload it, so I made it smaller this time) it is one of my favorites that I have ever taken, and I still hope to make it out there and get another picture only with my new camera, and not just with my smartphone, although it did come out pretty dang nice.

So that is two pictures one to the left one to the right and justified text. The picture to the right is one of mine also that I played with for a contest entry/game I have been participating in. So it would seem I need to continue doing a lot more tying to see if the total effect is going to work and how easy it is to break away from it all. maybe I will try to add some phishy text in here to see what it looks like. Now did that turn it red and end the red? And the answer is yes it did. Okay the last few times I tried to bounce between red and black it did not work to well will it now? Time to check the preview, and see what happened. Well I am surprised it did turn it red, and did not drop to a new line with an invisible line break. So to show the code, I could not show at the top I had to end the < div > codes. So you can see the code below.

          Anyhow, I just felt like sharing that with you all, and well I guess I wanted to do some typing, because I could have made this so so much shorter, but hey, someone might be bored enough to read it, if nothing else to see how the code pieces can all fit together in a sort of nice way.

---

Code snippets:

1. <div class=text"justify> This gives that nice justified edges.
2. <div class="pull-left">Put a picture on the left side.
3. <div class ="pull-right">Put a picture to the right side.
4. <div class="phishy"> This gives that nice
   red font color
5. <div class="text-justify"> - - <div class="text-justify">

1. <sub>Small text on bottom of line</sub> _{Small text on bottom of line}
2. <sup>Small text at top of line</sup> ^{Small text at top of line}

---

Sources:

¹From @primus post How to use....

---

Got questions, just ask. I do not bite.