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">Clothes</td>
<td align="right">$241.10</td>
<td align="right">$50.20</td>
</tr>
<tr>
<td align="left">Make-Up</td>
<td align="right">$30.00</td>
<td align="right">$44.45</td>
</tr>
<tr>
<td align="left">Food</td>
<td align="right">$730.40</td>
<td align="right">$650.00</td>
</tr>
</tbody>
</table>
</body>
</html>
