Best way to layout this text?

HTML & CSS
1

Hi all,

trying to refresh my memory of some css stuff having been ot of things for a while, can anyone recommend the best approach to achieve this layout

Position image

Kyle

2

First of all this looks like tabular data… so this a case where you can use a table for your mark up.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>

<style>
table{  font-family:Myriad Pro,Arial, Helvetica, sans-serif;  color:#900; border-spacing:0; border:none;text-align:left;}
th{ font-weight:normal; width:5em; }
th, td{ font-weight:normal; border:none; border-bottom:1px solid #900; padding-top:1em;}

</style>
</head>

<body>
<table width="200" border="1" cellspacing="10">
     <tr>
          <th width="84" scope="row">Name</th>
          <td width="76" scope="col">My Name</td>
     </tr>
     <tr>
          <th scope="row">Age</th>
          <td>21</td>
     </tr>
     <tr>
          <th scope="row">Gender</th>
          <td>Male</td>
     </tr>
</table>
</body>
</html>
3