2 column ul list of links?

[vt_dave]

Hi everyone,

I'm trying to get a nice row-click-able 2 column list by using UL's but it's proving a bit problematic.

My original plan was to put all the content in the link tag and have the second column (say a date) in a span floating right, but the problem is the span didn't wrap the text in the "a" tag correctly.

Any thoughts on how to pull this off would be appreciated!



<div style="width: 200px">
<ul style="list-style-type:none; margin:0; padding:0;">
<li>
<a href="/link">This is my link text<span style="float: right; text-align: right;">10-10-2010</span></a>
</li>
</ul>
</div>

[zip222]

Try this...


<style>
ul {
list-style: none;
margin:0;
padding:0;
}

ul li a {
display: block;
position: relative;
margin:0;
padding:0;
}

ul li span {
position: absolute;
left: 200px;
}

</style>
<div>
<ul>
<li><a href="/link">This is my link text<span>10-10-2010</span></a></li>
<li><a href="/link">This is my link text<span>10-10-2010</span></a></li>
<li><a href="/link">This is my link text<span>10-10-2010</span></a></li>
<li><a href="/link">This is my link text<span>10-10-2010</span></a></li>
</ul>
</div>


Sorry, I don't do inline styles.