would I use tables here or i could I do it in CSS?

[windows]

<!-- m --><a class="postlink" href="http://www.complexfellow.com/forum/">http://www.complexfellow.com/forum/</a><!-- m -->

I am in the process of coding my own forum and as you can see the spans dont align. Is there anyway to align stuff with CSS or should i use tables in this situation.its tabular, the only reason to use tables
Edit:
Note, it might be better to put the forum's summary in a <dfn> rather than <em>. Same effect, but its more of an inline definition than emphasized textOk thanks, im still kind of gray on whats tabular and whats not.

why doesnt this work?

tr.even {
background-color:#FFFFFF;
border-bottom:1px dashed black;
width:100%;
}
tr.odd {
background-color:#EDF3FE;
border-bottom:1px dashed black;
width:100%;
}
td.board
{
width:20%;



}
td.topics
{
width:40%;



}
td.posts
{
width:20%;



}
td.lastpost
{
width:20%;

}what isn't working? it looks fine to me...i know lol it wasnt working because I forgot to start the table tag.