How to align images in a web page or blog post

Learn how to insert images into your blogs and web pages, then align them perfectly with your text

Position your cursor where you want your image to appear

Position your cursor where you want your image to appear
  1. Click to position your cursor at the beginning of the paragraph your image relates to.
  2. Then click the 'Insert Image' icon

Select and insert your image

Select and insert your image
  1. Click to select your image, or
  2. Upload an image from your computer then select it
  3. Click Insert to add the image to your page

Image positioning

Image positioning

Your image will be positioned at the beginning of your paragraph. In the next step you'll learn how to position it where you want it.

Positioning your image

Positioning your image
  1. Right click on your image
  2. Click Properties...

The image properties box appears

The image properties box appears

Update the image alignment

Update the image alignment
  1. Right click the Image Alignment icon
  2. Click the icon matching the type of alignment you want

Add a margin to the image

Add a margin to the image
  • Adding a margin to the image ensures there will be some whitespace between your image and your text
  • When your image is right aligned you should add a margin to the Bottom and Left
  • When your image is left aligned you should add a margin to the Bottom and Right
  1. Add your margins as required
  2. Click OK to save your changes

View the updated positioning

View the updated positioning
  • Confirm the updated positioning is correct and save your page or blog post
  • Or continue editing the alignment until you're happy with the result

Comments (0)

Add your comment

E-Mail me when someone replies to this comment