Почему не применяются стили (CSS)???
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Пример формы регистрации пользователя</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body {
font-size:10pt;
font-family: Verdana,sans-serif;
label{
display: inline-block;
width: 150px;
vertical-align:top;
}
select{
width: 250px;
border: 1px solid black
}
input.pole {
width: 250px;
border: 1px solid black;
}
textarea{
width:250px;
height:100px;
border:1px solid black;
}
form div{
margin-botton:20px;
</style>
</head>
<body>
<h1>Пример формы регистрации пользователя</h1>
<form action="reg.php" method="POST" enctype="multipart/form-data">
<div><label for="login">Логин*:</label>
<input type="text" name="login" id="login" class="pole">
</div>
<div><label for="pass1">Пароль*:</label>
<input type="password" name="pass1" id="pass1" class="pole">
</div>
<div>
<label for="pass2">Повторить пароль*:</label>
<input type="password" name="pass2" id="pass2" class="pole">
</div>
<div>
<div><label for="sex1">Пол*:</label>
Муж. <input type="radio" name="sex" id="sex1" value="1">
Жен. <input type="radio" name="sex" id="sex2" value="2">
</div>
<select id="education" name="education">
<option value=""></option>
<option value="1">Среднее</option>
<option value="2">Высшее</option>
</select></div>
<div>
<label for="comment">Комментарий*:</label>
<textarea id="comment" name="comment" cols="15" rows="10"></textarea>
</div>
<div><label for="userfile">Ваше фото: </label>
<input type="file" name="userfile" id="userfile">
</div>
<div><label for="rule">С правилами согласен*:</label>
<input type="checkbox" name="rule" id="rule" value="yes">
</div>
<div>
<input type="submit" value="Отправить" style="margin-left:150px;">
</div>
</form>
</body>
</html>
Скобок не хватает. А HTML5 религия не позволяет применить?
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Пример формы регистрации пользователя</title>
<meta charset="utf-8">
<style>
body { font-size: 10pt; font-family: Verdana, sans-serif; }
label { display: inline-block; width: 150px; vertical-align: top; }
select { width: 250px; border: 1px solid black; }
input.pole { width: 250px; border: 1px solid black; }
textarea { width: 250px; height: 100px; border: 1px solid black; }
form div { margin-bottom: 20px; }
</style>
</head>
<body>
<h1>Пример формы регистрации пользователя</h1>
<form action="reg.php" method="POST" enctype="multipart/form-data">
<div>
<label for="login">Логин*:</label>
<input type="text" name="login" id="login" class="pole">
</div>
<div>
<label for="pass1">Пароль*:</label>
<input type="password" name="pass1" id="pass1" class="pole">
</div>
<div>
<label for="pass2">Повторить пароль*:</label>
<input type="password" name="pass2" id="pass2" class="pole">
</div>
<div>
<div>
<label for="sex1">Пол*:</label>
Муж. <input type="radio" name="sex" id="sex1" value="1">
Жен. <input type="radio" name="sex" id="sex2" value="2">
</div>
<select id="education" name="education">
<option selected disabled>Выберите из списка</option>
<option value="1">Среднее</option>
<option value="2">Высшее</option>
</select>
</div>
<div>
<label for="comment">Комментарий*:</label>
<textarea id="comment" name="comment" cols="15" rows="10"></textarea>
</div>
<div>
<label for="userfile">Ваше фото: </label>
<input type="file" name="userfile" id="userfile">
</div>
<div>
<label for="rule">С правилами согласен*:</label>
<input type="checkbox" name="rule" id="rule" value="yes">
</div>
<div><input type="submit" value="Отправить" style="margin-left:150px;"></div>
</form>
</body>
</html>
потому что ты последний селектор не закрыл )
и не только последний