0

Tengo el siguiente código y no encuentro la forma de poder poner el label "Rango" a la izquierda del div

Alguna ayuda?

<label for="reportrange">Rango:&nbsp;</label>
<div id="reportrange" style="margin-left: 110px;  background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 200px">
  <i class="fa fa-calendar"></i>&nbsp;
  <span></span> <i class="fa fa-caret-down"></i>
</div>

1
  • 2
    Podemos ayudarte pero ¿qué has intentado?
    – user128299
    Commented el 21 abr. 2021 a las 19:49

1 respuesta 1

0

No entiendo lo que estas intentando pero bueno acá te dejo lo que haría yo para que queden uno al lado del otro.

.flexbox-container {
        width: 300px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
<div class="flexbox-container">
    <label for="reportrange">Rango:&nbsp;</label> 
    <div id="reportrange" style=" background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 200px">
        <i class="fa fa-calendar"></i>&nbsp;
        <span></span> <i class="fa fa-caret-down"></i>
    </div>
</div>

espero ayudarte con esto, cualquier cosa me comentas, Suerte!

1
  • Creo que una explicación no caería mal, por ejemplo decirle al OP por que usas flexbox
    – user128299
    Commented el 21 abr. 2021 a las 19:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.