Working on the styling of a sheet, a simple 'character basics' box. I've done something (or not done something) and the age label and input refuse to sit nicely next to the race label and input. Anybody with more experience able to see through my amateur mistake? HTML <div class='sheet-3colrow'>
<div class='sheet-col'>
<table class='basic-char'>
<tr>
<td><label class='form-title'>Name:</label></td>
<td><input class='charbox' type='input'></td>
</tr>
<tr>
<td><label class='form-title'>Race:</label></td>
<td><input class='racebox' type='input'></td>
<td><label class='form-title'>Age:</label></td>
<td><input class='agebox' type='input'>
</td>
</tr>
</table>
</div>
</div>
CSS /*Top Character box */
table.sheet-basic-char {
border: 2px solid black;
background-color: #FFFFFF;
}
label.sheet-form-title {
font-size: 1.4em;
margin:5px;
position:left;
}
input.sheet-charbox {
width:150px;
border-left: 2px solid #000;
border-radius: 0px;
}
input.sheet-racebox {
border-left: 2px solid #000;
border-right: 2px solid #000;
border-radius: 0px;
width:80px;
}
input.sheet-agebox {
width:40px;
border-left: 2px solid #000;
border-radius: 0px;
}
.charsheet th, td {
border: 2px solid;
border-left: 1px;
border-right: 1px;
}