word in label on the same line with the field
Hi everyone
Can I get know how to have the word in label on the same line with he field input ?
html:
css:
thanks
Can I get know how to have the word in label on the same line with he field input ?
html:
<div class="content">
<label for="taille">Votre Taille:</label>
<input type="text" name="taille" id="taille" />
<label for="poids">Votre Poids:</label>
<input type="text" name="poids" id="poids"/>
<button type="submit" class="envoi">Calculer mon IMC</button>
</div><div class="content">
<label for="taille">Votre Taille:</label>
<input type="text" name="taille" id="taille" />
<label for="poids">Votre Poids:</label>
<input type="text" name="poids" id="poids"/>
<button type="submit" class="envoi">Calculer mon IMC</button>
</div>css:
.content{
width: 450px;
height: 300px;
background-color: dodgerblue;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
justify-content: space-around;
}
.content input{
/* display: block;
margin-bottom: 20px;*/
outline: none;
border-radius: 2px;
border: 1px solid grey;
}.content{
width: 450px;
height: 300px;
background-color: dodgerblue;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
justify-content: space-around;
}
.content input{
/* display: block;
margin-bottom: 20px;*/
outline: none;
border-radius: 2px;
border: 1px solid grey;
}thanks
