I am creating a form using Microsoft MVC technologies. Basically it is a <div> that are divided to have two columns and there to put the labels and controls. The problem is that the text box of Email is misaligned.
This is the form:
This is the code with the Visual Studio tool:
And this is the way how to get delivered in Chrome:
Any idea why this is happening?
A practical and effective way to create this type of alignment is to add all these elements within a table, so you do not have to worry because the table automatically organizes the elements that make it up. It would be something like this:
<table>
<tr> <td>Nombre</td> <td> <input type="text" size="30"> </td> </tr>
<tr> <td>Apellido Materno</td> <td> <input type="text" size="30"> </td> </tr>
</table>
And so on. I hope it serves you.