Apr 19, 2021

Dancers are the athletes of God - Albert Einstein

Images in Whitespace – putting a border on and not flowing text around

I wanted to put a border around an image – like this:

I don’t want to do it for all images and so editing the HTML code of the post is used when needed. I just add this code to the end of the ‘img’ tag:
style=”border-style: solid; border-width: thin”

Also I often don’t want text to flow around an image and to fix that, and have the text show after the image (as is the case above), I add this after the image tag:
<br clear=”all” />

Putting it all together, here is the code that produced the above image and picked up from the HTML view in the WP post editor (which is where the changes were put in):

<img title=”share_this_after” src=”http://www.brucemarriott.com/wp-content/uploads/2010/09/share_this_after.jpg” alt=”” width=”347″ height=”180″ style=”border-style: solid; border-width: thin” /><br clear=”all” />

I’m sure there are clever CSS ways of doing this as well, but this is simple and gives me the flexibility I want when I want.


Leave a Reply

  • About BruceMarriott.com

    A home on the web for blogging about life and what I do professionally and otherwise. More in the About section.

  • Ballet.co and Dance

    I'm best known for running Ballet.co - one of the biggest sites in the world about watching ballet and dance. The Ballet.co page on this site says more or Just visit www.ballet.co.uk

  • LiftedLeg and Negotiating

    In an earlier life I loved doing deals and now I represent some professionals involved in dance. They concentrate on the art they love and I concentrate on achieving fair terms and conditions for them. More on the LiftedLeg page.