table

<html>
<title>r</title>
<head>

<style type='text/css'>
/* Productive Stylesheet: Generated on 10. July 2012 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}



table{
width:100%
}

table th{
padding:1em
}

table td{
padding:.5em
}


.table-overview{
width:100%;
margin:1em 0;
border:1px solid rgba(0,0,0,.1)
}

.table-overview td,.table-overview th{
padding:8px 15px;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
border-collapse:collapse;
text-align:left
}

.table-overview th{
background-color:#ececec
}

tr:hover{
color:blue;
}

#hor-minimalist-b {
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    width: 480px;
    border-collapse: collapse;
    text-align: left;
    margin: 20px;
}

</style>
<body>
<table id="hor-minimalist-b" class="table-overview">
<thead>
<tr>
<th scope="col">Employee</th>
<th scope="col">Salary</th>
<th scope="col">Bonus</th>
<th scope="col">Supervisor</th>
</tr>
</thead>
<tbody>
<tr>
<td>Stephen C. Cox</td>
<td>$300</td>
<td>$50</td>
<td>Bob</td>
</tr>
<tr>
<td>Josephin Tan</td>
<td>$150</td>
<td>-</td>
<td>Annie</td>
</tr>
<tr>
<td>Joyce Ming</td>
<td>$200</td>
<td>$35</td>
<td>Andy</td>
</tr>
<tr>
<td>James A. Pentel</td>
<td>$175</td>
<td>$25</td>
<td>Annie</td>
</tr>
</tbody>
</table>
</body>
</html>