1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Getting spaces between vertical text to align

Discussion in 'Web Design & Development' started by JulieAsking, Apr 12, 2010.

Thread Status:
Not open for further replies.
  1. JulieAsking

    JulieAsking Thread Starter

    Joined:
    Nov 20, 2002
    Messages:
    129
    A web page using HTML creates uneven spaces after the words 'Tel' and 'Fax' if they appear as follows:

    Tel: xxxxxxx
    Fax: xxxxxxx

    Even though the text consists of 3 letters each, plus a colon, the word 'Fax' is wider and thus pushes the numbers to the right further causing the numbers for tel and fax not to line up vertically. I'm using '&nbsp' between the words and numbers.

    What would be a good way to make the numbers align vertically? Will this require CSS?
     
  2. colinsp

    colinsp

    Joined:
    Sep 5, 2007
    Messages:
    2,300
    First Name:
    Colin
    The reason is that you are using a proportional width font. x takes up more room than l. The easiest way would be to change your font for a fixed width one. If you want to keep your existing font then you could do it with css as that is the proper way to do it.
     
As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/916331

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice