Here's my forms layout:
<body>
<p>Please note that this form is solely for illustrating the Required Field Validator and does not perform any actual function.</p>
<form id="frmValidator" method="post" runat="server">
User:
<asp:TextBox id="txtUserName" runat="server" />
<asp:RequiredFieldValidator id="userNameValidator" ControlToValidate="txtUserName" ErrorMessage='<img src="../Images/no.png">' runat="server" />
<br />
Password:
<asp:TextBox id="txtPassword" runat="server" />
<asp:RequiredFieldValidator id="passwordValidator" ControlToValidate="txtPassword" ErrorMessage='<img src="../Images/no.png">' runat="server" />
<br />
<asp:button id="btnSubmit" text="Submit" runat="server" />
</form>
<p>Please note: Try submitting the form without entering any data.</p>
</body>
This layout is basic for learning purposes, however, I am facing alignment issues between the fields. They appear too close together.
One suggestion was to use the 'space' key to create whitespace between them, but this does not provide the desired alignment. Achieving proper alignment seems impossible.
Another suggestion was to use tables for layout, but I strongly dislike the idea of using tables for this purpose.
How can I create a simple and organized layout between these two fields?