I was wondering what the best practice is to do tabbed spaces in HTML / CSS for stuff like menus, opening times, contact detail etc.
If I "paste special" in dreamweaver it kind of works, although not accross browsers and it is just adding loads of   tags for every space... Not a good method I am sure.
How would you line this up for example so it was tabbed:
Phone: 01274 649720
Address: 4 Mendip Way
Would you make 2 divs?
This is how it looks at the moment, the address is not lined up properly:
This is the horrendously messy code I have at the moment
<p><img src="Contact.jpg" alt="Contact us" width="139" height="37" /></p>
<p>Email: <a href="mailto:email@example.com">firstname.lastname@example.org</a></p>
<p>Phone: 01274 649720</p>
<p>Address: 4 Mendip Way<br />
West Yorkshire<br />
<!-- end .text --></div>
Thanks in advance