Тег <legend> в HTML — підпис групи полів fieldset

HTML

<form>
    <fieldset>
        <legend>Спосіб доставки</legend>
        <label><input type="radio" name="ship" checked> Самовивіз</label><br>
        <label><input type="radio" name="ship"> Кур'єр</label><br>
        <label><input type="radio" name="ship"> Поштомат</label>
    </fieldset>

    <fieldset class="plain">
        <legend>Спосіб оплати</legend>
        <label><input type="radio" name="pay" checked> Картка онлайн</label><br>
        <label><input type="radio" name="pay"> Готівка при отриманні</label>
    </fieldset>

    <fieldset class="broken">
        <p>Цей абзац стоїть ПЕРЕД легендою —</p>
        <legend>і легендою вона вже не є</legend>
        <label><input type="radio" name="err" checked> Рамка її не приймає</label>
    </fieldset>
</form>

CSS

body {
    font: 15px sans-serif;
}

fieldset {
    margin: 0 0 16px;
    padding: 10px 14px;
    border: 1px solid #b4b4b4;
    border-radius: 6px;
}

legend {
    padding: 0 6px;
}

/* легенда як звичайний заголовок */
.plain {
    border: 0;
    padding: 0;
}

.plain legend {
    display: block;
    padding: 0;
    margin-bottom: 6px;
    font-weight: bold;
    color: #2d7ff9;
}

.broken {
    border-color: #b03060;
}

.broken p {
    margin: 0 0 6px;
    color: #b03060;
}

label {
    line-height: 1.8;
}

<p>З використанням тегу 'legend'</p>
<form>
    <fieldset>
      <legend>Форма для заповнення даних</legend>
  <label>Ім'я:</label><br>
  <input type="text" name="login"><br>
  <label>Email:</label><br>
  <input type="email" name="email"><br>
  Чоловік <input type =  "radio" name = "sex" value =  "male" checked><br>
    Жінка <input type =  "radio" name = "sex" value =  "female">    <br> 
  <label>Ваше повідомлення:</label><br>
  <textarea name="messenger"></textarea>
  <br>
  <input type="submit" value="Увійти">
        </fieldset>
</form>
<br>
<p>Без використання тегу 'legend'</p>
<form>
    <fieldset>
  <label>Ім'я:</label><br>
  <input type="text" name="login"><br>
  <label>Email:</label><br>
  <input type="email" name="email"><br>
  Чоловік <input type =  "radio" name = "sex" value =  "male" checked><br>
    Жінка <input type =  "radio" name = "sex" value =  "female">    <br> 
  <label>Ваше повідомлення:</label><br>
  <textarea name="messenger"></textarea>
  <br>
  <input type="submit" value="Увійти">
        </fieldset>
</form>