On 08/03/2011 8:37 AM, Tod wrote:
I'm trying to create what is essentially a numbered list but I want to
be able to independently manipulate the number and the associate
hyperlink. I also need the link text to stay aligned horizontally no
matter how big the line number gets.
I've got something similar to this:
<ul>
<li>1.</li>
<li><a href="">Text1</a>
<li>2.</li>
<li><a href="">Text2</a>
.
.
.
<li>1000.</li>
<li><a href="">Text1000</a>
</ul>
I've tried every combination of float, display, inline, etc. and I can't
get it to look like this:
1. Item1
2. Item2
.
.
1000. Item1000
Its embarrassing, I know I've done this in some fashion before but its
been a while since I've played with CSS so I've gotten rusty. Is there a
simple solution someone could clue me in on?
Thanks - Tod
Answering my own question.
<html>
<head>
<title>test</title>
</head>
<body>
<p id="p1">
<ul style="border: solid black 0px;margin:0; padding:
0;list-style: none;">
<li style="border: solid black
1px;float:left;width:23.75%;">1:</li>
<li style="border: solid black 1px;float:left;width:75%"><a
target="_blank" href="">Item1</a></li>
<li style="border: solid black
1px;float:left;width:23.75%;">100:</li>
<li style="border: solid black 1px;float:left;width:75%"><a
target="_blank" href="">Item100</a></li>
</ul>
</p>
</body>
</html>
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
