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

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中添加一些填充或边距。