Ghen Ghen - 4 months ago 14
CSS Question

How to put text newar text at buttom op page

I am trying to put few form, near to each other at bottom of the page.

Try to do that with css, but nothing work.

This is the css:

#Dcustomer,#Dorder,#admin{

text-align:inline-block;

}

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


This is example for the one of the form:

<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>


enter image description here

Answer

Every screen may not be able to fit all in one line
So just float right or left every form (and reduce width if you want)
Link to example https://jsfiddle.net/vko4om7o/7/

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

Increase size of frame for better visibility