1/28 все гуд, кроме кнопки - она не ставиться по центру.

Курсы §21. Формы, часть 2
1

Добрый день, товарищи.
Попал в ситуацию в задании, кнопка не отображается по центру формы, соответственно - не пускает дальше. Вот код:

<!DOCTYPE html>
<html>
    <head>
        <title>Испытание: формы — вспомнить всё</title>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="/echo" method="post">
            <label for="name">Имя</label>
            <input type="text" id="name">
            <div class="half-width">
            <label for"date-birth">Дата рождения</label>
            <input type="text" id="date-birth" class="date">
            </div>
            <div class="half-width">
            <label for="color">Цвет</label>
            <select id="color">
                <option>Рыжий</option>
            </select>
            </div>
            <label for="enable"><input type="checkbox" id="enable"> Разрешать гладить</label>
            <label for="secret">Секретное блюдо</label>
            <input type="text" id="secret>"
            <div class="buttons">
            <input value="Сохранить" type="submit" >
            </div>
        </form>
    </body>
</html>

Может я что-то упустил.
Заранее спасибо за помощь и содействие.
Всем хорошего дня)

2

Уже разобрался, сделал через атрибут style и margin. но, даже интересно, в чем же может быть проблема?

3

Не закрыли тег input здесь. Обратите внимание, подсветка кода в сообщении в том месте другая. Это подсказка.

4

Спасибо Вам огромное. Недоглядел)