Date: 07/22/07 (Web Development)    Keywords: css

I am pretty new to table based layouts. I'm trying to set this portion of the page up in such a way that each value lines up with the one below it. See examples below:

The first picture (on the left) is what I'm currently getting. The next image (on the right) is what I'd like it to look like. Normally, I'd use a table to accomplish this, but the aim of this exercise is to avoid that. Thanks for your help!


Edit: I got this figured out, through use of the [dl], [dd] and [dt] tags. CSS is as follows:
dt
{
float: left;
clear: left;
color: #0099CC;
height: 24px;
width: 66px;
}
dd
{
height: 24px;
}

Source: http://community.livejournal.com/webdev/423567.html