July 26 2008 • 8:10 PM

How Can I Align Double Digits in a Numbered List?

Question: What is the secret of getting numbers to align correctly in  numbered lists in CS3? If you want numbers to align on the decimal or  align right, simply choosing “Align right” in the Bullet or Number  Position area seldom does the job. It takes a lot of fiddling. Is there any logic  going on behind the scenes?
Answer: Ah, the dreaded DDDLU Syndrome (Double Digits Don’t Line Up)! Dontcha just hate that? The coward’s way out is to just stop at Number 9, but that’s not a viable solution; look at all the ingredients you’d have to leave out of the Pineapple Upside-Down Red Velvet Cake (yuck!):

Indeed, there is a trick, and it does NOT involve hitting the tab key before each number. It’s one of those things that’s sort of hiding in plain sight.
If you’re creating a numbering scheme as part of a paragraph style, the secret is in the bottom of the Paragraph Style Options dialog, under “Bullet or Number Position.” (See below)
What do the options mean?

  • Alignment refers to the alignment of the numbers themselves, not the paragraph they’re in. If you want right-aligned double (or triple) numbers, choose Right alignment.
  • Left indent controls the left indent of the paragraph, but — and this is the really important part — it also controls the “elbow room” for numbers. If your multi-digit numbers don’t pay attention to your choice of Right alignment, jack up the left indent value and watch what happens; once you allow enough room, your numbers will fall into place. If you want to right-align double- or triple-digit numbers (the most common scenario), you must stake out enough space for them. There’s no magic number; the proper amount depends on your font size.
  • First Line indent governs, well, the first line. If you want a hanging indent, this will be zero or a negative number. Again, the amount depends on the effect you want and the size of your text.
  • Tab Position establishes the space between the number and the next character in the first line.

If you’re not using a paragraph style (Shame on you! Styles are your friends!), you’ll find the same controls in the Paragraph panel (Window > Type & Tables > Paragraph) (see below).

Either way, once you’ve sussed out the magical values that work for your text, your multi-digit numbers will line up and life will be good:

[Note that there is more on this topic on this post.]

9 Responses discussing this post. Add yours below.

  1. July 26th, 2008 • 11:44 pm • Link

    Great tipp, thanks!
    Best regards from Austria
    Martin

  2. Andy MacBride
    July 28th, 2008 • 3:06 pm • Link

    Claudia,

    THANK YOU! This has puzzled me for quite some time, and I’m ashamed that I didn’t dig deeper into the list controls and figure it out myself.

    I think part of the reason this is easily overlook is because the word “Alignment” needs more self-description (even though right above it it does say “Bullet or Number Position”. We’re (mostly) used to thinking of alignment in terms of the entire paragraph, not a sub-part of it. If the drop-down menu next to it said “Bullet/Number Aligns Left,” those of us who are a little thick in the head might “get it” more intuitively.

    I must admit I was surprised that even after I knew what to do, creating a hanging list with turnover lines was far from intuitive. I finally gave up using the dialog box and directly manipulated the indents in the tab palette, and then read the values for the indents.

    I’m also a bit puzzled by the implementation of the tab position. As I was trying to write up the behavior, it became too confusing to attempt a short/good explanation.

    Bottom line — I hope this area is baked a bit more in IDCS4. It eventually does give you the results you’re looking for (hallelujah!), but getting there is much more difficult that I would have ever expected.

    Andy MacBride

    PS: Now that you’ve teased us with this interesting list of cake ingredients, I think you’re going to have to post the complete recipe. ;-)

  3. krishna
    July 29th, 2008 • 8:50 am • Link

    excellent!!;o)

  4. Lauren
    July 29th, 2008 • 11:01 am • Link

    there’s still a problem with certain numbers…maybe it depends on the font, but in helvetica, the 10 and the 12 line up to each other, but the 11 looks like it needs kerning between the two 1’s. but you can’t kern these numbers, right?

  5. Claudia McCue
    July 29th, 2008 • 11:15 am • Link

    Lauren,
    No, you can’t kern those numbers, because they are “generated text” that you can’t select. But there are several options:

    –Set your kerning to Optical, rather than the default Metrics

    or…

    Convert the numbers to plain old text: Type > Bulleted & Numbered Lists > Convert Numbering to Text. (Or you can right-click on selected text and choose Convert Numbering to Text). Then you can select the numbers an manipulate their kerning.

    Or, consider using an OpenType font such as Myriad Pro, which offers Tabular Lining and other options for numbers. They tend to set numbers more evenly to begin with.

    Hope this helps!

  6. bob
    July 30th, 2008 • 1:35 pm • Link

    In the old days–before desktop publishing–publishers would request that numbered lists “clear for ten” in their typesetting specs. The way this was done for fonts with lining numerals (most fonts) was to add an en space before 1 through 9. Lining numerals, and an en space, are all the same width. I find this trick still comes in handy at times.

  7. Eugene
    July 30th, 2008 • 1:45 pm • Link

    Also in the olden days (2001) I was shown by a very experienced typesetter to insert the first 9 numbers as 11, 12, 13, 14, 15, 16, 17,18, 19 and to whiten the 1 at the start.

    A method I no longer practice, thankfully.

  8. David Farr
    July 31st, 2008 • 3:44 pm • Link

    Lining figures should all be set on a width of one en space if the typographer created them correctly.

    I place a en space in front of single-digit list entries when creating a numbered list style sheet. This takes into account the correct position for “set list flush for 10″, which is the way I used to spec type many years ago went we sent manuscript to typehouses.

  9. August 6th, 2008 • 10:05 am • Link

    ummm… in financial typesetting, all numbers in a column have to anally align.

    The way we do it is set all type using “optical kerning”
    Then when the number columns are set up in a table, select those cells and use “metric kerning”.

    If it still gets stubborn, define that attribute (optical,metric) simply as “0″.

Subscribe to the Discussion

Get the ongoing discussion surrounding "How Can I Align Double Digits in a Numbered List?" delivered to you. Click here to subscribe via RSS.

Leave a Reply

You can use limited HTML tags, such as <em></em> for emphasis/italics and <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

InDesignSecrets reserves the right to edit and/or remove posts and comments.