Posted by seiyaku on 11/15/06 08:31

Simple requirement, so I'm sure there ain't a simple answer...

I'm wanting to display a horizontal line, like you might see on an
application form

FIRST NAME _________ FAMILY NAME ________

(Note: This is NOT an input form on the screen; just looks like one)

I could insert a single-celled table with a bottom border, but I'd
probably get arrested.

I thought <hr> might be the answer, but that seems to throw a line
break before and after. As does a <DIV>. No good.

So what I'm using is <span
style="text-decoration:underline;letter-spacing:50px;">&nbsp;&nbsp;</span>;...
using .class of course and having a different .class for each length I
want to display. It works, but the coding looks embarassingly daft.

There's an example on my page at
http://www.apsresp.org/congress/1993.html (scroll to the bottom of the
page)

What's a more elegant / standard CSS way to do what I'm trying to do?

Many thanks

[Back to original message]