为什么我的Span标签内容显示在下一行？

Question

我想添加*为显示为必填字段。当我在输入类型文本之后放置span标签时，它显示在同一行中。

.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>

，但是当我把同样的跨度标签后输入类型的文件在其下一行显示。

.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>

为什么要来这样呢？ 我希望跨度标签也在同一行。怎么做？请解释一下。 在此先感谢。

Answer 1

默认情况下span标记有display: inline，他的行为就像是文本。如果您的父母太小，跨度会转到下一行。