Vertically Aligning Text and an Image

by Allen Wyatt
(last updated May 30, 2020)

1

Dann wants to position a floating image to the right of a left-aligned level-1 heading so that the tops of both the heading and image are level vertically. He knows how to do the positioning; he does it all the time. However, the image always sits ever-so-slightly higher than the heading text. There is no padding above the heading, and there are no extra pixels at the top of the image. He wants them absolutely level but can find no way to do this.

Vertical spacing can be a bit confusing, to be sure. This is especially true when you are trying to align the top of an image with the top of a line of text. The reason that it can be confusing is because there are so many variables that play into the mix. There are four primary variables, however, that you need to pay attention to:

  • Image Anchor. Make sure the image is anchored to the paragraph to which you are trying to align it.
  • Image Position. Make sure that the image is vertically positioned 0" below the paragraph to which it is anchored.
  • Space Before. Make sure the paragraph has no space before it.
  • Line Spacing. Make sure the paragraph's line spacing is set equal to the font size.

If any of these items are out of kilter, it can affect the vertical alignment between the image and the text. It is this last item—line spacing—that I suspect is the culprit in Dann's case. When you set a paragraph for single spacing (in the Paragraph dialog box), Word automatically assumes you want your line spacing at 120% of your text height. Thus, if your text is 10 pt., then single-spacing would result in 12 pt. line spacing. In other words, there is an automatic 2 points added above the text. It is the top of this 12-pt. line to which Word aligns the image.

The only way to get around this is, in the Paragraph dialog box, to set the Line Spacing setting to Exactly and make sure to enter a measurement equal to the height of your font. This should close up most of the vertical space that is bothersome.

That being said, understand that line spacing can be a bit messy, as each typeface can have its own "internal" whitespace. This is analogous to having extra pixels at the top of an image. The effect is that the image looks like it sits lower, vertically, than it actually does. With a font, there could be additional whitespace at the top of the characters that makes it look like they sit lower on the page than they do. (For instance, a 10 pt. typeface may actually only consume 9 pt. of vertical height, with an extra point of whitespace above the characters.)

The bottom line is that for any given typeface, you may have to play with your line spacing just a bit to get the exact vertical alignment you want. It is not unusual, for instance, when using a 14 pt. typeface to set the line spacing at 12 pt. to get the desired vertical positioning.

If you still cannot get your vertical positioning exactly as you want it, you might try placing your heading and your image into a two-column table, single-row table. (Heading in the left column and image in the right.) This should give you the ability to more precisely adjust the vertical relationship between the two elements.

Failing that, and particularly if you need to do this type of alignment for many documents, you may want to consider doing your page layout in a program specifically designed for that type of activity. For instance, InDesign provides you with a variety of tools that can give you greater control over positioning than you ever could do with Word.

WordTips is your source for cost-effective Microsoft Word training. (Microsoft Word is the most popular word processing software in the world.) This tip (13764) applies to Microsoft Word 2007, 2010, 2013, 2016, 2019, and Word in Office 365.

Author Bio

Allen Wyatt

With more than 50 non-fiction books and numerous magazine articles to his credit, Allen Wyatt is an internationally recognized author. He is president of Sharon Parq Associates, a computer and publishing services company. ...

MORE FROM ALLEN

Remembering Copies to Print

If you routinely need to print more than one copy of a document, you'll love the ideas presented in this tip. There's ...

Discover More

Using the INT Worksheet Function

The INT function allows you to convert a value to an integer. The effect the function has depends on the characteristics ...

Discover More

Quickly Displaying the Tabs Dialog Box

Setting tabs in a paragraph is a common task. This is most easily done by using the Tabs dialog box. Displaying the ...

Discover More

Comprehensive VBA Guide Visual Basic for Applications (VBA) is the language used for writing macros in all Office programs. This complete guide shows both professionals and novices how to master VBA in order to customize the entire Office suite for their needs. Check out Mastering VBA for Office 2010 today!

More WordTips (ribbon)

Replacing an Image Filename with the Actual Image

Want to insert a whole bunch of images in your document all at once? The macro in this tip shows you how easy it is to ...

Discover More

Default Picture Location

When you insert pictures into a document, the first folder that Word opens up is normally the My Pictures folder. You can ...

Discover More

Inserting from the Clip Art Gallery Doesn't Work

Ever insert a picture and it won't display in your document? It could be due to some of the display settings in Word. ...

Discover More
Subscribe

FREE SERVICE: Get tips like this every week in WordTips, a free productivity newsletter. Enter your address and click "Subscribe."

View most recent newsletter.

Comments

If you would like to add an image to your comment (not an avatar, but an image to help in making the point of your comment), include the characters [{fig}] in your comment text. You’ll be prompted to upload your image when you submit the comment. Maximum image size is 6Mpixels. Images larger than 600px wide or 1000px tall will be reduced. Up to three images may be included in a comment. All images are subject to review. Commenting privileges may be curtailed if inappropriate images are posted.

What is 2 + 2?

2020-05-30 07:01:37

Timothy Rylatt

"When you set a paragraph for single spacing (in the Paragraph dialog box), Word automatically assumes you want your line spacing at 120% of your text height."

This is incorrect. Default line spacing is defined in the font. When setting line spacing to single Word reads the default spacing from the font. As a result the percentage spacing will vary from one font to another.

Although the 120% spacing is certainly true for Times New Roman other fonts differ. The default line spacing for Arial, for example, is approximately 100%.


This Site

Got a version of Word that uses the ribbon interface (Word 2007 or later)? This site is for you! If you use an earlier version of Word, visit our WordTips site focusing on the menu interface.

Newest Tips
Subscribe

FREE SERVICE: Get tips like this every week in WordTips, a free productivity newsletter. Enter your address and click "Subscribe."

(Your e-mail address is not shared with anyone, ever.)

View the most recent newsletter.