I Love the post, but read through again and edit if necessary. Also, for the > sign, don't indicate it as (>), the brackets are misleading. Just put only what is needed to display the markdown when using the back tick to code the signs.

For the text I used the code <div class=“pull right”>type text

Here, put the codes in back ticks (you also forgot the hyphen that separates pull from left/right). Also, at the end of the text/image code link, add </div>, if not, it won't take to effect.
So, it is worth noting that whether it's a text or image code link, to sway it either to the left or right, you must first type this code <div class="pull-left"> or <div class="pull-right"> respectively, then add </div> at the end of your text/image code link.