Откуда перенос строки?

Question

[Nikita-Fast]

У меня какая то проблема которая есть и в Хроме и в Лисе : codepen
Инспектор кода показывает что имеется закрывающий тег </p> и так же ещё один параграф которого нету в разметке ... откуда ?

Answer 1

[Stimulate]

Внутри p не должно быть блочных элементов

Comments

[Nikita-Fast]

параграф же и сам блочный ...и к тому же display:none; с обязательным условием ...во второй строке сработало а в первой нет ..почему ?

[Stimulate]

Nikita-Fast, потому что во второй строке он уже не находится в параграфе

Answer 2

[Tutucu]

В тег p запрещено вставлять блочные элементы <div></div>
Используйте <span></span>.

Comments

[Nikita-Fast]

надо именно div вставить - а где написано что в параграф нельзя вставлять блок ?

[iBird Rose]

Nikita-Fast, htmlbook.ru/html/p

Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.

[Tutucu]

htmlbook.ru/html/p . Почему именно div?

[Nikita-Fast]

iBird Rose спасибо ...я завис с этим

[Nikita-Fast]

Tutucu, выпадашку надо сделать ...но всё же не ясно почему не работает display:none;

[Tutucu]

Nikita-Fast, ну так и делайте её при помощи span и стилей. Повесить JS можно на любой элемент. Если внутри какие-то элементы будут - тоже не проблема, в строчные элементы можно пихать и другие строчные элементы, а там тоже при помощи стилей можно сделать всё что угодно.

[Nikita-Fast]

Tutucu, да я сделаю это не проблема ... у меня вчера обновился и Хром И Лиса и вот после обновления вот эта штука появилась а до того было всё нормально ....аж досадно