如何将文本newar文本放在buttom op页面

Question

我试图在页面底部放置一些形式，彼此靠近。

尝试使用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>

Answer 1

正如我在评论中所说，您的css文件中存在语法错误。 您必须将text-align更改为display，因为text-align仅需left, right, center个值。

Answer 2

每个屏幕可能无法适合所有人在一行中 因此，只需向左或向左浮动每个表格（如果需要，可以减小宽度）
链接到示例https://jsfiddle.net/vko4om7o/7/

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

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