css - 在输入框旁边显示文本标签？

Question

如何在输入的右侧显示标签“RegularExpressionValidator”框并对齐输入框？

将它放在 div 之外会使标签位于另一侧的左侧。

<style type="text/css" media="all">
<!--
label{
    display:inline-block;
    width:100px;
}
-->
</style>
...........

<div style="text-align:center;">
        <label>Phone:</label>
            <asp:RequiredFieldValidator id="req_Phone" ControlToValidate="formWphone">*</asp:RequiredFieldValidator>

        <asp:textbox id="formWphone" runat="server" />
            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="formWphone" 
            ValidationExpression= "">Enter valid Phone number</asp:RegularExpressionValidator>
</div>

Answer 1

您的问题是您已将包装器 div 中的所有内容居中对齐:

<div style="text-align:center;">

添加额外文本时，它会更改要居中的内容的宽度。

尝试将其更改为:

<div style="text-align:left;">

或完全删除样式。

然后，如果您需要在左侧留出一些空间，请向容器 div 添加一些填充或边距。