Html 如何在按钮操作页面中放置文本newar文本

我试着把几张表格放在页面底部，彼此靠近

尝试使用css来实现这一点，但没有任何效果

这是css：

#Dcustomer,#Dorder,#admin{

    text-align:inline-block;

}

#Uadmin,#Uorder,#Ucustomer,#add
{
    float:right;
        vertical-align:10px;
}

这是以下表格之一的示例：

<form action="AdminControl.php" id="Uorder" method="POST">
   <h3><b><u>Update Order</b></u> </h3><br> 
   Order Number: <input type="text" name="Onumber"><br><br>
   Product Name: <input type="text" name="product_name"><br><br>
   Customer Name: <input type="text" name="name"><br><br>
   Customer Number: <input type="text" name="Cnumber"><br><br>
   E-mail: <input type="text" name="email"><br><br>
   Phone Number: <input type="text" name="phone"><br><br>
   Quantity: <input type="text" name="quantity"><br><br>    
   <input type="submit" name="updateorder" value="Update">
</form>

更新订单

订单号：


产品名称：


客户名称：


客户编号：


电子邮件：


电话号码：


数量：

---

正如我在评论中所说，css文件中存在语法错误。

---

您必须将

文本对齐

更改为

显示

，因为

文本对齐

只取

左、右、中

值。

每个屏幕可能无法在一行中容纳所有内容
因此，只需在每个窗体上向右或向左浮动（如果需要，可以减小宽度）
链接到示例

---

增加框架尺寸以提高可视性

我看不到

#d客户，#Dorder，#管理员

在html中，你应该将

文本对齐

更改为

显示

考虑重写你的问题，因为我不明白你想实现什么。刚刚上传到问题的主要主题图片中。只希望所有表单都在同一行，一个靠近一行。你的意思是写显示对齐：内联块；或者什么？

display:inline block

Create fiddle用于此。这是一个工作示例，但它取决于窗口宽度，使浏览器更宽以查看结果。非常感谢，但正如您所说，当窗口最大宽度时，它看起来不太好。我把它应该是什么样子的图像放进去了。请帮助我。我希望它像上面的照片一样。更改了下划线和间距

    form {
        float: right;
        vertical-align: 10px;
        width: 25%;
    }