Моя компания строит веб-сайт, и у нас были некоторые проблемы с библиотекой JavaScript, которая ничего не заменяла. Мы решили добавить наш HTML-код в валидатор W3C, и он сообщил нам, что незаконно иметь<div> тег внутри<button> тег.

<button class="button" type="submit">
    <div class="buttonNormalLargeLeft"><!--#--></div>
    <div class="buttonNormalLargeCenter">Search Flights</div>
    <div class="buttonNormalLargeRight"><!--#--></div>
</button>

Результаты в:

Line 287, Column 46: Element div not allowed as child of element button in this context. (Suppressing further errors from this subtree.)

Изменить: чтобы уточнить, что мы пытаемся сделать здесь. Мы хотим сделать кнопку с закругленными углами, которая не зависит отbox-radius, Мы сделали 3 деления в элементе кнопки, каждый из которых имеет свой собственный спрайт, чтобы он выглядел закругленным и имел различную ширину Другие ресурсы утверждают, что элемент button был создан для пользователей, которые хотели, чтобы кнопка содержала подэлементы, такие как изображения, но div по какой-то причине кажется недействительным.

Почему элементы div не допускаются внутри элементов кнопки?

Каково желаемое решение этой проблемы?

Edit2:

Почему бы не использовать ввод? Поскольку входы не могут иметь желаемый макет

Почему бы не использовать div? Потому что пользователи без JavaScript не смогут отправить форму.