Html 在div中仅居中一个元素

我有以下HTML代码：

    <div>
        <input id="cemail" type="email" name="email" placeholder="Your E-Mail" required>                    
        <span>Proper format "exampel@something.com"</span>
    </div>

“正确格式”exampel@something.com"

我在div上配置了“text align:center”，但不幸的是

span

text也居中（见下图）。 我需要

span

靠近它而不是居中

---

您应该应用“文本对齐：居中；”在输入上，而不是在div上。

尼斯怎么样-

position: absolute

• 您可以使用div获得一个自由的亲戚。然后，错误将永远不会妨碍输入框的绝对位置

---

当然，您需要固定顶部、左侧、右侧和底部以符合您的设计

您可能应该将父元素居中，而不是表单内部的

div

：

.center表单{
文本对齐：居中；
}
.中心表格{
显示：内联块；
文本对齐：左对齐；
}

“正确格式”exampel@something.com"
提交

“正确格式”exampel@something.com"

您也可以执行类似操作，以允许对文本进行包装

正文{
字体系列：无衬线；
}
输入{
宽度：160px；
位置：相对位置；
左：50%；
左边距：-80px；
框大小：边框框；
}
p{
清楚:对,；
}
.传奇{
浮动：对；
宽度：50%；
}
.legend small{
背景：#ccc；
显示：块；
左边距：80px；
单词包装：打断单词；
填充：0.5em；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。自由大联盟的一个主要目标，是在一次又一次的选举中获胜。毛里斯·迪克特（Mauris dictum urna nec just to tristique）是一位智者，他是一位名叫布兰迪特（rutrum sapien blandit）的人。但是佩伦茨克，奥古斯·奥纳雷·佩伦茨克的名言，sem莱克特斯·亨德雷特·马萨，nec孕妇精英莫里斯·塞特·阿梅特·洛雷姆。




“正确格式”exampel@something.com"

请展示CSS的相关部分（最好是演示）。“靠近它”是否表示与输入右侧对齐？@isherwood是的。

  <div>
     <input id="cemail" type="email" name="email" placeholder="Your E-Mail" required>                    
     <span class="float-right">Proper format "exampel@something.com"</span>
  </div>