I am currently working on a registration form and facing an issue with the spacing. The space between each credential and its corresponding input box appears irregular, which is not desired. I have tried using the <pre> tag to format the code, but the spacing remains inconsistent. Here is my current attempt:
<html>
<head>
<title>My first code</title>
<style>
h1 {
color:blue;
font-family:'Times New Roman', Times, serif;
font-style: bold;
}
img {
border-style:double;
border-radius: 5px;
border-color: blue;
}
p {
color:blue;
font-size: larger;
}
label {
font-family: 'Times New Roman', Times, serif;
}
legend {
font-family: 'Times New Roman', Times, serif;
}
input {
text-indent: 30%
}
</style>
</head>
<body>
<pre>
<form>
<fieldset>
<legend>Form:</legend>
<label for="fname">First Name:</label> <input type="text" id="fname" name="fname">
<label for="lname">Last Name:</label> <input type="text" id="lname" name="lname">
<label for="Date of Birth">Date of Birth:</label> <input type="date" id="Date of Birth" name="Date of Birth">
<label for="email">Email:</label> <input type="text" id="email" name="email">
<label for="ps">Password:</label> <input type="password" id="ps" name="email">
</fieldset>
</form>
</pre>
</body>
</html>If anyone has suggestions on how to improve the regularity of the spacing in this code, please let me know. Thank you!