Aligner un input et son label

Hello, j'aimerais que mon input et son label soit parfaitement alignés
voici le résultat que j'ai pour le moment (cf capture)

la solution est peut être évidente mais je bloque

Et l'eau,

Sans code html/css.....
Modifié par niuxe (28 Oct 2020 - 00:16)

Salut,

Merci pour la remarque
Le code

<button type="button" class="collapsible" id="filtnav">Fourchette de prix</button>
            <div class="filt pricerange">
              <div class="col-xs-4 col-sm-6 center">
                <div id="html5">
                      <input type="number" id="input-select" min="0" max="5000" step="1" id="input-number">
                      <input type="number" min="0" max="5000" step="1" id="input-number">
                </div>
              </div>
            </div>
              <hr>
            <button type="button" class="collapsible" id="filtnav">Niveau</button>
            <div class="filt levelfilter">
              <span>
                <input type="radio" name="niveau" value="bébé" id="bébé" /> <label for="bébé">Bébé</label>
              </span>
              <span>
                <input type="radio" name="niveau" value="débutant" id="débutant" /> <label for="débutant">Débutant</label>
              </span>
              <span>
                <input type="radio" name="niveau" value="surfer" id="surfer" /> <label for="surfer">Surfer</label>
              </span>
              <span>
                <input type="radio" name="niveau" value="silver sufer" id="silver surfer" /> <label for="silver surfer">Silver Surfer></label>
              </span>
            </div>

le css

.filter p{
  color: #f29100
}

.filt span {
  display: block;
}

Si vous pouvez m'aider
Modifié par adeschamps (28 Oct 2020 - 14:58)

bonsoir,

regarde du coté de https://developer.mozilla.org/fr/docs/Web/CSS/vertical-align

label{vertical-align:middle}  

devrait suffire.

Cdt
Modifié par gcyrillus (28 Oct 2020 - 16:43)