<div class="pull-right"><center><img src="http://i.imgur.com/KvGJSsb.jpg" /><br/><em><a href="https://www.flickr.com/photos/tedsblog/43433855">Source: flickr, by tedsblog</a></em></center></div>
or
<divclass="pull-right"><center><imgsrc="http://i.imgur.com/KvGJSsb.jpg" /><br/><em><ahref="https://www.flickr.com/photos/tedsblog/43433855">Source: flickr, by tedsblog</a></em></center></div>
Put the image in the src="" part. The href=" is for the link to the source.
<div class="pull-right"><center><img src="http://i.imgur.com/KvGJSsb.jpg" /><br/><em><a href="https://www.flickr.com/photos/tedsblog/43433855">Source: flickr, by tedsblog</a></em></center></div>
or
<div class="pull-right"> <center> <img src="http://i.imgur.com/KvGJSsb.jpg" /> <br/> <em><a href="https://www.flickr.com/photos/tedsblog/43433855">Source: flickr, by tedsblog</a></em> </center> </div>
Put the image in the
src=""
part. Thehref="
is for the link to the source.Html. Gotcha!
You need the div class
pull-left
orpull-right
part to do the floating alignment. The rest is just how I do it.I remember using some similar arguments sometime ago somewhere. I thought it was just markdown, which would be impossible. anyways thanks for info. ;)