How to code this in HTML/CSS

Hi I have this portion of the site and I am unsure how to code it, maybe using a table or else a definition list, what is best? And how to get that dotted line effect? Thanks

What are you on about?

If you are talking about the email and address section then you could do something like this:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
    margin:0;
    padding:0
}/* for demo only */
dl {
    width:250px;
    margin:auto;
}
dt {
    float:left;
    clear:both;
    width:100px;
    border-bottom:1px dotted #ccc;
}
dt span {
    padding:0 2px;
    background:#fff;
    position:relative;
    top:.3em
}
dd {
    margin:0 0 15px 103px;
    position:relative;
    top:.25em;
}
address {
    font-style:normal;
    line-height:1.5em
}
</style>
</head>
<body>
<dl>
    <dt><span>Email</span></dt>
    <dd><a href="#">info@somewhere.com</a></dd>
    <dt><span>Phone</span></dt>
    <dd>21 44 962 / 21 490452</dd>
    <dt><span>Address:</span></dt>
    <dd>
        <address>
        36/2,<br />
        Address line 1,<br />
        Address line 2,<br />
        Address line 3 xxx xx<br />
        </address>
    </dd>
</dl>
</body>
</html>


thanks paul thats what i needed