New to HTML here.
I am trying to put a border after the headings. I got it to work but was
wondering if there was an easier more intuitive way of doing this. Code is
below.
<html>
<body>
<STYLE type="text/css">
.bars {text-align: center; background: red; font-size: 16pt; font-family:
Arial; font-style: Italic;
border-bottom-style: solid; border-bottom: single}
.Th1 { border-collapse: collapse; border-bottom: 2px solid
black; }
Table { border-collapse: collapse; border-bottom: 2px solid
black; }
</STYLE>
<table>
<thead>
<tr >
<th align="left"></th>
<th align="center"> </th>
<th align="center"> </th>
<th <align="center" >Net</th>
<th align="center"> % of</th>
<th align="center"> Unit</th>
<th align="center"> Total</th>
<th align="center"> % of</th>
<th align="center"> Gross</th>
</tr>
<tr>
<th class='th1'; align="left"></th>
<th class='th1'; align="center"> Price</th>
<th class='th1'; align="center"> Units</th>
<th class='th1'; align="center"> Sales</th>
<th class='th1'; align="center"> Sales</th>
<th class='th1'; align="center"> Cost</th>
<th class='th1'; align="center"> Cost</th>
<th class='th1'; align="center"> Cost</th>
<th class='th1'; align="center"> Profit</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">Cl othes</td>
<td align="right">$ 241.10</td>
<td align="right">$ 50.20</td>
</tr>
<tr>
<td align="left">Ma ke-Up</td>
<td align="right">$ 30.00</td>
<td align="right">$ 44.45</td>
</tr>
<tr>
<td align="left">Fo od</td>
<td align="right">$ 730.40</td>
<td align="right">$ 650.00</td>
</tr>
</tbody>
</table>
</body>
</html>
