Почему при вложении тега address в тег p не применяется стиль?

Question

[Arthur_Sp]

Добрый день. Вопрос по практическому заданию. Почему при вложении <address> в <p> к нему не применяется стиль? Если заменить <p> на <div>, то всё работает. При этом в CSS указано, что стиль применяется к любому элементу с классом .sender-column.

Ссылка на код: https://codepen.io/Arthur-Arutunyan/pen/qBQGVeE

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

Comments

[modelair]

вы прилагайте онлайн-пример, а не картинки. судя по ним, стиль применяется.

[Arthur_Sp]

modelair, приложил

[modelair]

Arthur_Sp, ну это ж не онлайн пример. codepen.io. воспроизведите поведение, может в процессе и поймете, что не так

[Arthur_Sp]

modelair, что вы подразумеваете под онлайн-примером?

[modelair]

Arthur_Sp, а, пардон, я увидел только картинки

Answer 1

[modelair]

в данном случае спецификация HTML не позволяет вставлять тег address в p.
спецификация говорит, что тег привязан к определенному article или body для уточнения.
также она говорит, что не все что в p будет в p

если посмотреть в devtools (что я вам рекомендую делать всегда), то видно, что этот тег отрисован после p.
ну и в целом это освещено в поиске.
тут

Comments

[Arthur_Sp]

Точно! Совсем забыл про devtools. Спасибо.

[modelair]

Arthur_Sp, при разработке он должен быть всегда открыт. не представляю, как что-то делать и не смотреть туда, обязательно пользуйтесь

Answer 2

[IvanU7n]

скорее всего потому что p имеет довольно странные правила автозакрывания

посмотрите в DevTools как оно выглядит: p, address, p