i inserted some inputs with labels in html table.But their alignments & margin arr Not consistent.image given below:
I saw some manual solution like using padding & margins for each inputs.But is there any easy way to do that. here is the source code: Updates Month tag still not in same size.
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<table style="">
<tr>
<th colspan="2">Salary Entry</th>
</tr>
<tr>
<td>
Month: </td><td> <select name="SALMT" id="month" onchange="" size="1">
<option value="" disabled selected>Month</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</td>
<td>
Year:</td><td> <input type="text" name="SALYR" value="">
</td>
</tr>
<tr>
<td>
Employee ID:</td><td> <input type="text" name="EMPID" value="">
</td>
<td>
Name: </td><td><input type="text" name="name" value="">
</td>
</tr>
<tr>
<td>
Department Code:</td><td> <input type="text" name="DPTID" value="">
</td>
<td>
Designation: </td><td><input type="text" name="designation" value="">
</td>
</tr>
</table>
</body>
</html>
please let me know for any information.thanks.