Centred Side-by-Side Images in WordPress

Want to have two or more images appear side-by-side on a post in WordPress?  Want to have them centred so they look nice?  The solution is surprisingly simple.

 3  1  2

To get the centred, side-by-side effect, you don’t need to tweak image attributes, you don’t need to stick them in tables, you don’t need to mess with divs and, in fact, you don’t need to deal with raw code at all.

  1. Leave a blank line where you want the images to go
  2. Click on the blank line to place your insertion point there
  3. Click ‘Align center’ in the toolbar
  4. Add Media
  5. Upload and select an image
  6. Check the ‘Attachment Display Settings’ — make sure that ‘Alignment’ is set to ‘None’
  7. Insert into post
  8. Press the space bar a couple of times to separate the last image from the next one
  9. Go back to step 4 for the next image
  10. Repeat as many times as you want

That’s it.  Enjoy!

NB: You must centre the blank line before you add images.  You can’t add images and then centre the line — it doesn’t work.

Advertisements
This entry was posted in Stuff and tagged , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s