html - 带有偏移标签的居中文本框？

Question

我有一个以页面为中心的文本框。我想要的是在它的右侧显示一个错误标签，如果需要的话，并使文本框在页面上居中。该页面包含一个面板，它使整个页面居中。

    <asp:Panel ID="pnlStart" runat="server" CssClass="center">
...    
...
...   
            <tr>
                <td>    
                    <div>                                
                        <input type="text" id="pName" name="pName" runat="server" class="pName" style="color:#7A0000;width:33%;" 
                               value="Enter Your Name" onfocus="inputFocus(this)" onblur="inputBlur(this)" />                
                         <asp:Label ID="pNameValidationLabel" style="width:33%;" name="pName" runat="server" Text="*Please enter your name." class="pName" visible="false"></asp:Label>
                    </div>                                               
                </td>
            </tr>  

在页面加载时，文本框正确居中。但是当 pNameValidate 标签的可见性出现时，它会尝试将两个对象强制到中心。 有没有办法让文本框居中，而标签偏向右侧？

非常感谢您的关注。

Answer 1

您可以尝试添加 text-align:right;到 pName 元素中的样式标签。