Ребят помогите не пойму как разметить заголовок "departments"поверх полей depart1
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div >
<fieldset class=bginf style="height:100%; width:100%">
<table width=100% cellspacing=0 cellpadding=0>
<tr><td>
<table width=100% cellpadding=0 cellspacing=0>
<tr><td width=100%>
<table width=100% cellspacing=0 cellpadding=0>
<tr><td>Client</td>
<td width=100%>
<input type="text"readonly style="width:100%">
</td>
</tr>
<tr><td >Name : ИМЯ Клиента</td>
<td>
<div>
Что то тут
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr><td colspan=10><hr></td></tr>
<tr><td width=100%>
<table width=100% cellspacing=0 cellpadding=0>
<tr><td width=50%>
<table cellspacing=0 cellpadding=0>
<tr><td>Code</td>
<td width=100% class=txtinp2>
<input type="text" size=14 readonly>
<input type="text" size=12>
</td>
</tr>
<tr><td>stat</td><td width=100%></td></tr>
<tr><td>zip</td><td width=100%>
<input type="text" size=10>...</button>
</td>
</tr>
</table>
</td>
<td>
<table cellspacing=0 cellpadding=0>
<tr><td > error:</td><td width=100%></td></tr>
<tr><td>Next time:</td><td width=100% ><input type="text"size=5> Last time:</td></tr>
<tr><td colspan=2><div>Nex</div></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td align ="center">departmens</td>
</tr>
<tr>
<td width=100%>
<table width=100% cellspacing=0 cellpadding=0>
<tr></tr>
<tr><td >Addr1</td><td width=100%><input type="text" style="width:100%" readonly></td></tr>
<tr><td >Addr2</td><td width=100%><input type="text" style="width:100%" ></td></tr>
<tr><td >Addr3</td><td width=100%><input type="text" style="width:100%"></td></tr>
</table>
</td>
<td width=100%>
<table width=100% cellspacing=0 cellpadding=0>
<tr><td >Depart1</td><td width=100%><input type="text"></td></tr>
<tr><td nowrap id=np1 >Depart2</td><td width=100%><input type="text"></td></tr>
<tr><td nowrap id=np2 >Depart3</td><td width=100%><input type="text"></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</fieldset>
</div>
<body>
<html>