How to maintain these html table input with proper alignment & margin consistent

<p>i inserted some inputs with labels in html table.But their alignments & margin arr Not consistent.image given below: <a href="http://ift.tt/1mjgsKX" rel="nofollow"><img src="http://ift.tt/1mjgsKX" alt="enter image description here" /></a></p><p>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.</p><div class="snippet" data-lang="js" data-hide="false"><div class="snippet-code"><pre class="snippet-code-html lang-html prettyprint-override"><br /><code><!DOCTYPE html><br /><html><br /> <head><br /> <style><br /> table, th, td {<br /> border: 1px solid black;<br /> border-collapse: collapse;<br /> }<br /> </style><br /> </head><br /> <body><br /> <table style=""><br /><tr><br /> <th colspan="2">Salary Entry</th> <br /> </tr><br /> <tr><br /> <td><br /><br /> Month: </td><td> <select name="SALMT" id="month" onchange="" size="1"><br /> <option value="" disabled selected>Month</option><br /> <option value="01">January</option><br /> <option value="02">February</option><br /> <option value="03">March</option><br /> <option value="04">April</option><br /> <option value="05">May</option><br /> <option value="06">June</option><br /> <option value="07">July</option><br /> <option value="08">August</option><br /> <option value="09">September</option><br /> <option value="10">October</option><br /> <option value="11">November</option><br /> <option value="12">December</option><br /> </select> <br /><br /> </td><br /> <td><br /><br /> Year:</td><td> <input type="text" name="SALYR" value=""><br /> </td> <br /><br /> </tr><br /><br /> <tr><br /> <td><br /> Employee ID:</td><td> <input type="text" name="EMPID" value=""><br /> </td><br /> <td><br /> Name: </td><td><input type="text" name="name" value=""> <br /> </td> <br /><br /> </tr><br /><br /> <tr><br /> <td><br /> Department Code:</td><td> <input type="text" name="DPTID" value=""><br /> </td><br /> <td><br /> Designation: </td><td><input type="text" name="designation" value=""> <br /> </td> <br /><br /> </tr><br /><br /></table><br /><br /></body><br /></html></code><br /></pre></div></div><p>please let me know for any information.thanks.</p><br /><h2>Click here view more answers <a href="%20http://stackoverflow.com/questions/34470268/how-to-maintain-these-html-table-input-with-proper-alignment-margin-consistent">http://ift.tt/1Oesz6S</a></h2>

Nhận xét

Bài đăng phổ biến từ blog này

Align div to bottom of the page in bootstrap

Align elements inside an tag vertically

Javascript is unable to stop page loading