Aligning Images with Text

As a general rule, every image must be aligned with the text it follows so that readers do not have to "hop" from the text to the image.

Important

If there is only one image in a topic, place the image at the end of the topic and do not leave important details and notes after the image — users tend to skip such information, especially when they read documents online and have to scroll further to notice it.

Paragraphs

In regular paragraphs, align images to the left.

Lists

If you add images to illustrate items in a list (typically, steps in a procedure), align these images according to the following rules:

  • If there is only one image that illustrates the entire procedure, place the image at the end of the procedure and align it with the lead-in paragraph.
  • If you need to provide an image for each step in the procedure, place each image at the end of each step it follows. For List L1 steps, align images with List L1 Paragraph; for List L2 steps, align images with List L2 Paragraph; for List L3 steps, align images with List L3 Paragraph.

Aligning Images with TextExample 1 (Paragraph)

Aligning Images with TextExample 2 (Procedure)

Aligning Images with TextExample 3 (Steps)