Necesito alinear un texto a la derecha en la plantilla AdminLTE, adjunto una imagen de lo que quiero hacer y despues el código.
Lo que quiero es alinear esa fecha a la derecha, que el select
y el botón se mantengan a la izquierda y la fecha a la derecha, los tres deben estar en la misma línea.
En el código los tres se encuentran dentro de un contenedor y cada uno en un bloque de contenido.
.contenedor {
margin: 1rem;
text-align: left;
}
.contenido {
display: inline-block;
vertical-align: top;
}
<div class="row">
<div class="form-group">
<div class="contenedor">
<form method="POST" action="{% url 'cont_elect:Reporte2' %}">
{% csrf_token %}
<div class="contenido">
{{ form.fecha }}
</div>
<div class="contenido">
<input type="submit" value="Filtrar" class="btn btn-primary btn-flat">
</div>
<div class="contenido">
<h5>{{ i.fecha | date:"F, Y" }}</h5>
</div>
</form>
</div>
</div>
</div>
Agradeceria mucho la ayuda, ya que he intentado varias formas y no lo logro!
contenedor
le ponesdisplay: flex;justify-content: space-between;
ya te quedarán "empujados a los lados"