Tab character in JSp

I need to allign entries in HTML Option Value box the following way:

October 09, 2004        02:25 AM
September 21, 2004      10:44 PM
March 24, 2004      00:23 AM

HTML code is composed inside JSP.
Using spaces does not work, and HTML does not understand tab character.
Any help will be greatly appreciated.
burevestnikAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

TimYatesCommented:
You're not going to be able to do that, AFAIK, as each browser can be using a different font, which would break any spacing you manage to get into it...

I would either do;

a)  An html table that you can select a row of
b)  Have a select that shows extra data (in a space next to the select) when an item is selected
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
rrzCommented:
>Using spaces does not work, and HTML does not understand tab character  
You can use the non-break space character.  Use       or    
0
TimYatesCommented:
But you won't guarantee 100% alignment on 100% of browsers...
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

punithaprCommented:
Hi burevestnik

You can use either   for five times,

or u can use div tag to specift ur style and padding to that

ex : <DIV
            style="PADDING-LEFT: 10px; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial">
ur text
</div>

Thanks
Punitha
0
TimYatesCommented:
how does that line up columns in an HTML select?

that just adds padding to the left hand side of the select...

Tim
0
punithaprCommented:
yes, U are right

Punitha
0
PeterCiuffettiCommented:
Here's some HTML that will align using monospace font family and &nbsp; as the space character:

<html>
      <head><title>Option alignment</title></head>
      <body>
            <h1>Demonstration of option alignment</h1>
            <form action="." method="get">
                  <p>Unaligned</p>
                  <select name="op1">
                        <option value="1">October 09, 2004       02:25 AM</option>
                        <option value="1">September 21, 2004     10:44 PM</option>
                        <option value="1">March 24, 2004     00:23 AM</option>
                  </select>
                  <p>Line up the times</p>
                  <select name="op2" style="font-family:monospace;">
                        <option value="1" selected="selected">October 09, 2004&nbsp;&nbsp;&nbsp;02:25 AM</option>
                        <option value="2">September 21, 2004&nbsp;10:44 PM</option>
                        <option value="3">March 24, 2004&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;00:23 AM</option>
                  </select>
                  <p>Align the days</p>
                  <select name="op3" style="font-family:monospace;">
                        <option value="1" selected="selected">October&nbsp;&nbsp;&nbsp;09, 2004 02:25 AM</option>
                        <option value="2">September&nbsp;21, 2004 10:44 PM</option>
                        <option value="3">March&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;24, 2004 00:23 AM</option>
                  </select>
                  <br>
                  <input type="submit" name="submit"/>
            </form>
      </body>
</html>
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Fonts Typography

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.