Html 如何在文本框下移动标签？

大家晚上好，我正在asp.net核心解决方案中创建表单，我的ccs有问题

当我按下发送按钮，输入为空时，它会验证并发送错误消息；问题是当执行此操作时，输入的大小会发生变化。 如何在文本框下移动这些标签

<label asp-for="CxP_NroControl" class="control-label"></label>
<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">
            <i class="fas fa-paragraph"></i>
        </span>
    </div>
    <input asp-for="CxP_NroControl" class="form-control" />
    <span asp-validation-for="CxP_NroControl" class="text-danger"></span>
</div>

<label asp-for="CxP_NroFactura" class="control-label"></label>
<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">
            <i class="fas fa-paragraph"></i>
        </span>
    </div>
    <input asp-for="CxP_NroFactura" class="form-control" />
    <span asp-validation-for="CxP_NroFactura" class="text-danger"></span>
</div>

---

应用以下CSS将为您提供所需的输出

span.text-danger {
    display:block;
}

---

使用

显示：块

真的有一个CSS属性叫做

Display

？他的意思是，D和dOhhh的大写字母“D”没有坏处。我同意使用小写更好，它的工作没有关系。