Как сделать форму по правую сторону в html, css. php? Желательно с пояснениями

Как сделать форму по правую сторону в html,css.php?Желательно с пояснениями


Обратная связь

Форма обратной связи

Ваше имя:

Эл. почта:

Тема:

Текст сообщения:



(Html)

(PHP)

form /* Стили к самой форме */ {
text-align:right;
font-family:Arial, Helvetica, sans-serif; /* Говорится, какой шрифт будет использоваться, данном случае Arial */
font-size:12px; /* Размер шрифта 12 пикселей */
padding:10px; /* Отступы внутри формы шириной 10 пикселей */
border: 1px solid #ddd; /* Сплошная рамка вокруг формы шириной 1 пиксель и цветом #ddd */
border-top: 0px; /* Говорит, что вверху рамки не должно быть */
width:350px; /* Ширина 350 пикселей */
background:#C0C0C0; /* Фоновый цвет формы gray */

}
form .input /* Стили для класса input */ {
text-align:right;
width: 230px; /* Ширна 230 пикселей */
border: 1px solid #ddd; /* Сплошная рамка вокруг шириной 1 пиксель и цветом #ddd */
}
form textarea /* Стили к тегу textarea */ {
width: 230px; /* Ширина 230 пикселей */
border: 1px solid #ddd; /* Сплошная рамка вокруг шириной 1 пиксель и цветом #ddd */
}
.n /* Стили к классу n */ {
text-align:right;
font-size:12px; /* Размер шрифта 12 пикселей */
font-family:Arial, Helvetica, sans-serif; /* Говорится, какой шрифт будет использоваться, данном случае Arial */
color:#333; /* Цвет текста #333 */
text-align:center; /* Выравнивание текста */
background:#fff; /* Фоновый цвет #fff */
width:360px; /* Ширина 360 пикселей */
padding:5px; /* Отступы от всех краев размером 5 пикселей */
border:1px solid #ddd; /* Сплошная рамка вокруг шириной 1 пиксель и цветом #ddd */
}
#table{
text-align:right;
}
#body{background: #FFF url("image/3212.jpg") fixed no-repeat 0% 0%
}

#h1{
Font-size:60px;
font-family:Monotype Corsiva,fantasy;
text-align:center;
color:black
}/*Форм. заголовка. Размер шр, стиль, место, цвет, отступы автоматические*/

#td{
font-face:FrankRuehl,fantasy;
font-size:30px;
color:black;
te

  • можно запихнуть всю форму в div, а ему уже в css прописать float:right;

    Объясняю:
    1. пишешь
    далее идет код всей формы
    и закрываешь
    2. в css:
    #form {
    float:right; /*выравнивание по правому краю*/
    margin-top:0; /*значение отступа сверху*/
    margin-right:0; /*значение отступа справа*/
    }
    Если значение margin=0, отступа не будет, а если нужен - к примеру так:
    #form {
    float:right; /*выравнивание по правому краю*/
    margin-top:10px; /*значение отступа сверху*/
    margin-right:20px; /*значение отступа справа*/
    }
    Если что дополнительно объяснить нужно - пиши в лс