Tengo un botón <input type="submit">
dentro de un formulario y de un div
. El div
tiene un ancho especificado y también un padding. Quiero que el botón se muestre totalmente centrado en el div pero no lo consigo.
Aquí el código
.dVolver {
text-align: center;
background-color: lightblue;
padding: 0.5em;
width: 400px;
}
<div class="dVolver">
<form method="POST" action="creatabla.php">
<input type="submit" value="VOLVER">
</form>
</div>
<br><br>
<div class="dVolver">
<input type="submit" value="VOLVER">
</div>
Vaya, resulta que si ejecutan el código aquí lo ven correctamente, pero si lo prueban en Chrome o Firefox verán que en el primer div
el botón VOLVER no está centrado, en la parte inferior hay más espacio que en la parte superior. En el segundo div sí se ve centrado el botón porque he eliminado el formulario, pero necesito el formulario, no lo puedo eliminar.
¿Por qué no sale centrado correctamente?