Ante todo gracias por entrar en la pregunta, el caso es que quiero alinear varios inputs en HTML5 con el objetivo de que todos queden alineados, es decir, uno debajo de otro de forma simétrica. Mi código actualmente está así:
(Sé que debería utilizar la etiqueta label para escribir al lado de los inputs y demás, pero en clase nos obligan a hacerlo así, saludos.)
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejercicio 11</title>
<style>
p{
display: inline;
}
.primero{
margin-left: 30px;
margin-top: 5px;
width: 10%;
}
</style>
</head>
<body>
<form action="#" target="#" method="POST">
<p>Nombre</p>
<input class="primero" type="text" name="nombre" id=""><br>
<p>Primer Apellido</p>
<input class="primero" type="text" name="apellido" id="">
<p>Segundo Apellido</p>
<input class="segundo" type="text" name="segundoapellido" id=""><br>
<p>Dirección</p>
<input class="primero" type="text" name="direccion" id=""><br>
<p>Provincia</p>
<input class="primero" type="text" name="provincia" id="">
<p>Código Postal</p>
<input class="segundo" type="number" name="" id=""><br>
<p>Teléfono fijo</p>
<input class="primero" type="tel" name="telefonofijo" id="">
<p>Teléfono móvil</p>
<input class="segundo" type="tel" name="telefonomovil" id=""><br>
<p>Edad</p>
<input class="primerp" type="range" name="edad" id="" min="1" max="100" value="50"><br>
<p>Correo electrónico</p>
<input class="primero" type="email" name="email" id=""><br>
<p>WEB</p>
<input class="primero" type="text" name="web" id="">
</form>
</body>
</html>