De huidige versies van WordPress hebben een ingebouwde mogelijkheid om tekst rond je afbeeldingen te plaatsen. WordPress voegt CSS klassen toe om afbeelding rechts, links, of in het centrum uit te lijnen, zodat de tekst netjes rond de afbeelding komt staan.

Om te kunnen profiteren van deze nieuwe CSS klassen om automatisch tekst rond een plaatje te laten uitlijnen moet je de volgende code toevoegen in je style.css die je kunt vinden in de map van je Theme van WordPress.

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

Bij het toevoegen van de afbeelding in je WordPress blog, selecteert je of de afbeelding rechts, links of in het midden moet uitlijnen in het Image / Media menu.

De afbeelding zal als volgt worden ingebed in je blog post met de geselecteerde stijl:

<img src="http://example.com/images/leaf.jpg"
 alt="leaf graphic"
 title="leaf graphic"
class="alignright size-medium wp-image-3109"
height="25" width="30"/>