Este es mi código:
<input class="btn btn-link" value="reply">
<form action="" id="delete_reply">
<input type="submit" class="btn btn-link" value="delete">
</form>
Me gustaría alinear las dos entradas. Como es eso posible ?
Actualización: Debido a que debería tener una salida dentro del formulario, agregué otra entrada fuera de él, porque ambos enlaces deberían tener el mismo aspecto.
6 respuestas
Simplemente puede hacer que el formulario se muestre en línea.
form{
display:inline;
}
<input class="btn btn-link" value="reply">
<form action="" id="delete_reply">
<input type="submit" class="btn btn-link" value="delete">
</form>
Simplemente coloque la etiqueta de entrada dentro del formulario
<form action="" id="delete_reply">
<input class="btn btn-link" value="reply">
<input type="submit" class="btn btn-link" value="delete">
</form>
O si desea simplemente mantener la estructura html como está y agregar
form {
display: inline;
}
<input class="btn btn-link" value="reply">
<form action="" id="delete_reply">
<input type="submit" class="btn btn-link" value="delete">
</form>
Simplemente mueva la primera entrada dentro de la etiqueta del formulario.
<form action="" id="delete_reply">
<input class="btn btn-link" value="reply">
<input type="submit" class="btn btn-link" value="delete">
</form>
O use display: bloque en línea
<style>
.btn btn-link {
display: inline-block;
}
</style>
Podría lograr esto envolviendo el contenido dentro de un contenedor div configurando el ancho a él y a su formulario y usando flex-box de esta manera:
<div class="inputs">
<input type="text">
<form action="">
<input type="text">
</form>
</div>
Y
.inputs {
width: 100%;
display: flex;
}
.inputs form {
width: 400px;
}
Modifiqué un poco tu código. Comprueba que podría ayudarte.
.form-container{
text-align:center;
}
<div class="form-container">
<form action="" id="delete_reply">
<input class="btn btn-link" value="reply">
<input type="submit" class="btn btn-link" value="delete">
</form>
</div>
Agregue float: left;
a sus dos entradas.
Preguntas relacionadas
Nuevas preguntas
html
HTML (HyperText Markup Language) es el lenguaje de marcado para crear páginas web y otra información que se mostrará en un navegador web. Las preguntas sobre HTML deben incluir un ejemplo mínimo reproducible y una idea de lo que está tratando de lograr. Esta etiqueta rara vez se usa sola y, a menudo, se combina con [CSS] y [javascript].