I have been playing with different way to display data and have been looking into taking the actual data out of a table and displaying it in unordered lists. This gives me greater flexibility in what I can do with the markup.

However there is one thing that I'm having a think about - how do you make the row (or UL in this case) clickable?

I don't want to use any JavaScript so my first thought was something like this:

    
title1
    
title2
    
title3
    
title4


    

        
1
        
2
        
3
        
4
    

But this mark-up is illegal because you cannot place ul's inside links.

Any ideas or suggestions on best practice for this?