Tab to Line Up Characters

  • Resolved ashkaan

    (@ashkaan)


    10 years, 9 months ago

    Hi,

    I know html and wordpress do not have the “tab” button.

    I’m trying to line up a series of words, but do so in a way that is font independent.

    From:

    Phone: 123-456-7890
    Fax: 123-456-7890
    Email: not@real.com

    To:

    Phone: 123-456-7890
    Fax: 123-456-7890
    Email: not@real.com

    However, with most fonts, you cannot simply use spaces to line up the text. How can I achieve this regardless of the font?

Viewing 4 replies - 1 through 4 (of 4 total)
  • lettergrade

    (@lettergrade)

    10 years, 9 months ago

    It’s an old solution, but for something this small: you could code a small table in your text editor. If you’d like to read into it, here’s an outline: HTML Tables

    If your theme doesn’t have styling for tables included, you might have to write inline styles in your table.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 9 months ago

    Not worth mentioning tables if it is used to display non-tabular data, because it causes too many issues as you may know.

    You can achieve the same effect with description lists (<dd>) quite simply:
    http://cssdesk.com/ym9du

    lettergrade

    (@lettergrade)

    10 years, 9 months ago

    That’s a nice one, too. Remember to set a min-width on your dt so that your dd numbers line up like a column.

    Thread Starter ashkaan

    (@ashkaan)

    10 years, 9 months ago

    (<dd>) couldn’t do a min-width I was happy with..

    HTML Table worked great!! I just made it invisible and added some padding here and there..

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Tab to Line Up Characters’ is closed to new replies.