Формы и HTML5

16 Задание - Группировка полей формы. Не могу разобраться по первому вопросу,где необходимо "поместить всё содержимое формы внутрь тега fieldset ". Интересует что именно нужно поместить в этот тег, подскажите пожалуйста.

Всё, что есть внутри <form></form>, то есть

<label>Название города</label> 
<input type="search" name="search" value="Осло, Норвегия">
<div class="one-third-width">
    <label>Число</label> 
    <input type="number" min="1" max="31" name="day" value="17">
</div>
<div class="two-third-width">
    <label>Месяц</label> 
    <input type="month" name="month" value="2014-09">
</div>
<div class="half-width">
    <label>Количество дней</label>
    1 <input type="range" min="1" max="14" step="1" name="dayscount" value="14"> 14
</div>
<div class="half-width output-area">
    <output name="dayscountval">14</output>
</div>
<div class="buttons">
    <input type="submit" value="Забронировать">
</div>

Спасибо

5/28 формы и HTML

            <div class="buttons">
                <button type="submit">Войти<img src="/assets/course74/enter-light.png">
                </button>
            </div>

.buttons {
margin-top: 10px;
text-align: center;

использовали .buttons, а не div, потому что это обычно контейнеров больше и лучше сразу писать правильно?

почему без div кнопка не выравнивается по центру?

Cовсем не пониманию вопрос, перефразируйте.

в стилях можно вместо .buttons написать div и выравнивание по центру работает. почему использовали именно .buttons?

второй вопрос: если в html не использовать div, то выравнивание по центру перестаёт работать. почему?

это вопросы не в рамках выполнения задания, а чтобы разобраться как конструкция работает в целом

Но это же не единственный div на странице может быть. И не в каждом из них нужно выравнивание именно по центру.

А здесь у меня к вам вопрос: в какое правило вы пишете text-align в том случае, если не используете div.buttons?

я пока неделю в этой теме) я никакое правило не пишу, потому что не знаю ничего. просто пытаюсь понять, почему записано так, а не иначе

Если в html не находится элемента подходящего под селектор в правиле css, то правило не срабатывает.

получается,
text-align: center;
нельзя прописать в
input[type=“submit”]

            <form action="/echo" method="post">
            <label for="name">Имя</label> 
            <input type="text" id="name" name="name" value="Кексик">
            <label for="address">Адрес доставки</label>
            <textarea id="address" name="address" rows="2"></textarea>
            <div class="buttons">
                <input type="submit" value="Заказать">
            </div>
        </form>

input[type=“submit”] {
display: inline-block;
width: auto;
margin: 0 5px;
padding: 6px 15px;
color: #ffffff;
background: #2c3e50;
border: none;
border-radius: 5px;
}

.buttons {
margin-top: 10px;
text-align: center;
}

Text-align в данном случае будет выравнивать текст на кнопке. А для выравнивания самой кнопки нужно прописать text-align родителю элемента, в примере это div.buttons.

спасибо