Pourquoi le contenu de ma balise Span apparaît-il dans la ligne suivante?

Question

Je veux ajouter * pour afficher comme champs obligatoires. quand je place l'étiquette d'étendue après le texte de type d'entrée elle montre dans la même ligne.

.holder_options_1 { 
 
    color: red !important; 
 
}

<div class="col-sm-6" style="padding-left: 11px;"> 
 
    <input type="text" name="tags" id="xyz">&nbsp;&nbsp; 
 
    <span class="holder_options_1">*</span> 
 
</div>

mais quand je place même balise span après fichier de type d'entrée, il en montrant la ligne suivante.

.holder_options_1 { 
 
    color: red !important; 
 
}

<div class="col-sm-6" style="padding-left: 11px;"> 
 
    <input type="file" name="fileupload" accept=".jpg,.png,.jpeg" id="fileToUpload" style="height:33px">&nbsp;&nbsp; 
 
    <span class="holder_options_1">*</span> 
 
</div>

pourquoi il vient comme ça? Je veux aussi cette balise span dans la même ligne. Comment faire cela? Veuillez expliquer. Merci d'avance.

Answer 1

Par défaut, la balise span a un display: inline, son comportement est comme du texte. Si votre parent est trop petit, passez à la ligne suivante.