dl alignment issues

hi, i'm trying to get the dl with the Phone Numbers on this page to appear in the upper right in the same structure/alignment as the attachment but I'm not sure how to go about it.


here's the html:

<dl id="phones">
    <dt>LOCAL ONLY</dt>
    <dd>202-544-7200</dd>
    <dt>TOLL FREE</dt>
    <dd>877-721-7910</dd>
</dl>

Code (markup):

here's the css:

#phones {width: 500px; background:red; color:#FFF;}
#phones dt {background:green; font-size:10px;}
#phones dd {background:blue; font-size:32px; text-shadow:2px 1px 3px #000;}

Code (markup):

I just put the background colors in there to make it easier to figure out what i'm working with.

any suggestions on how to best go about this?

 

Set the margins and padding to 0 for the dl.

 

that didnt do anything. please advise.

 

What happens if you set the top margin of the dl to a minus number, say -10px to start with.

This is hard to troubleshoot without the whole set of coding. Depending on where in the CSS this is something else might be interfering.

 

i got it figured out now. thanks!