HTML 表单右对齐

Question

您好，我尝试将所有输入对齐为正常形式!我无法将它们组合在一起!!GRR 请感谢您的帮助...这让我花了 2 个小时在这个简单的事情上浪费了我的时间......

         <form name="input" action="html_form_action.asp" method="get">

                <div id="one">
                <p><label>Prénom</label> <input type="text" id="Prénom"/></p>
                <p><label>Nom</label> <input type="text" id="Nom" /></p>
                <p><label>Mot de passe</label> <input type="text" id="Pass" /></p>
                <p><label>E-mail</label> <input type="text" id="Mail" /></p>
                </div>

               <input type="submit" value="Submit" />
         </form>

Answer 1

你可以给你的标签宽度，并将它们文本对齐到右边。为此，您必须使它们成为行内 block 元素。

参见 this fiddle

---

我想您没有正确对齐它们。当人们使用表格来执行此操作时，这只是我经常看到的一种风格。