Поместить блочный элемент в инлайн?
 

Всем здравствуйте!

Такое вот задание "Оберните все <h2> в один <i>.", данную операцию предлагают сделать с помощью wrapAll.
Все бы ничего, но ведь <i> это инлайн элемент и он не может оборачивать блочные, коем является <h2>.

Объясните, пожалуйста, в чем я не прав, может я упустил какие-нибудь нюансы, или вновь моя невнимательность меня подводит?

plug-ugly,
не вижу препятствий

Раньше так не рекомендовали делать, но в html5 все изменилось и теперь официально поощряется. Ну не то, чтобы поощряется, но это нормально.

Понятно, спасибо.

Если это экзамен, то напоминает экзамен по вождению, когда мент говорит: "Припаркуйтесь вот тут", а там знак, парковка запрещена :stop: :(

https://validator.w3.org/ :no:

Да, фразовые элементы не должны содержать заголовки, элементы управляющие потоком документа. Это грубая ошибка. Обратимся к спеке - phrasing-content-2

Это как было ненормальным семантически так и осталось. Что-то было по поводу связки А и Н, и теперь любое из вложенности не считается невалидным, но чтобы все и как угодно.... Так можно считать нормальным и таблицу в span, strong, ... так что ли?

А, точно! Вот я об этом А и Н! И по-моему там было еще про А и IMG и что-то еще... Возмжно даже что в ссылку можно положить DIV и это не будет считаться ошибкой. Тоже смутно помню, т.к. давно читал уже. Почему-то запомнилось, что теперь можно все)

IMG это не блочный элемент.