Image Alignment

Right-aligned Images

If you want text to wrap around a right-aligned image, you'll need to specify align="right" in the <img> tag.

<p>
  <img ... align="right" />
  Julius Caeser extinguished himself on
  the battlefields of Gaul.
</p>
<p>
  The Ides of March murdered him because
  they thought he was going to be made king.
</p>

In some situations, you might like the text to hug the image with ragged edges on the left. In that case, surround the text with a <p> or <div> that specifies align="right".

<p align="right">
  <img ... align="right" />
  Nero was a cruel tyrrany who would torture
  his poor subjects by playing the fiddle to them.
</p>
<p align="right">
  Then came the Middle Ages.  King Alfred conquered
  the Dames.  King Arthur lived in the Age of Shivery.
  King Harold mustarded his troops before the Battle
  of Hastings.  Joan of Arc was cannonized by Bernard
  Shaw, and victims of the Black Death grew boobs on
  their necks.
</p>

If you don't want any text beside the image or if you only want one line of text beside the image, you don't need to use align="right". You can just use a <p> or <div> tag that specifies align="right".

<p align="right">
  <img ... />  <! No align -->
</p>
<p>
  Magna Carta provided that no true man should be hanged twice for the same offense.
</p>
<p align="right">
  "Midevil Times"
  <img ... align="middle" />
</p>
<p>
  In midevil times most of the people were alliterate.  The greatest writer of
  the time was Chaucer, who wrote many poems and verses and also wrote
  literature.  Another tale tells of William Tell, who shot an arrow through an
  apple while standing on his son's head.
</p>