Заголовок группы элементов формы <legend>

Тег <legend> определяет заголовок группы элементов формы.

Для тега <legend> доступны общие атрибуты и атрибуты обработки событий.

Большинство браузеров отображают элемент legend со следующими значениями стилей:

legend {
display: block;
padding-left: 2px;
padding-right: 2px;
border: none;
}

Пример формы, элементы которой образуют группу с заголовком "Ваш комментарий"

<form> <br>
    <fieldset style="border: 1px solid grey;
         padding: 10px; width: 400px;"> <br>
        <legend style="padding: 0 10px;">Ваш комментарий</legend>
        <p>Вы можете разместить на сайте комментарий,
            касающийся данной статьи.</p>
        <br>
        <table style="width: 100%">
            <tr><td>Имя:</td><td><input style="width: 100%;"></td></tr>
            <tr><td>E-mail:</td><td><input style="width: 100%;"></td></tr>
            <tr><td colspan="2">Комментарий:<br>
                    <textarea  style="width: 100%;"></textarea></td></tr>
            <tr><td colspan="2">
                    <input value="ОТПРАВИТЬ" type="submit"></td></tr>
        </table>
    </fieldset>
</form>