Как сделать так, чтобы и отображались в одной строке HTML-формы? ⇐ CSS

[Anonymous]

Я создаю регистрационную форму для веб-сайта. Я хочу, чтобы каждая метка и соответствующий ей элемент ввода отображались в одной строке.

Вот мой код:

Код: Выделить всё

#form {
background-color: #FFF;
height: 600px;
width: 600px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 0px;
}

label {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #333;
height: 20px;
width: 200px;
margin-top: 10px;
margin-left: 10px;
text-align: right;
clear: both;
}

input {
height: 20px;
width: 300px;
border: 1px solid #000;
margin-top: 10px;
float: left;
}

Код: Выделить всё

 Name: 

 Matric number: 

 Email: 

 Username: 

 Password: 

Подробнее здесь: https://stackoverflow.com/questions/235 ... -html-form