Почему при вложении тега address в тег p не применяется стиль?
Добрый день. Вопрос по практическому заданию. Почему при вложении <address> в <p> к нему не применяется стиль? Если заменить <p> на <div>, то всё работает. При этом в CSS указано, что стиль применяется к любому элементу с классом .sender-column.
Ссылка на код: https://codepen.io/Arthur-Arutunyan/pen/qBQGVeE
Вот как выглядит этот отрывок в браузере. Если бы стиль применился, весь текст был бы выровнен по правому краю.
Дополнительно:
вы прилагайте онлайн-пример, а не картинки. судя по ним, стиль применяется.
в данном случае спецификация HTML не позволяет вставлять тег address в p.
спецификация говорит, что тег привязан к определенному article или body для уточнения.
также она говорит, что не все что в p будет в p
если посмотреть в devtools (что я вам рекомендую делать всегда), то видно, что этот тег отрисован после p.
ну и в целом это освещено в поиске.
тут
- Точно! Совсем забыл про devtools. Спасибо.
- Arthur_Sp, при разработке он должен быть всегда открыт. не представляю, как что-то делать и не смотреть туда, обязательно пользуйтесь
Ответы:
скорее всего потому что p имеет довольно странные правила автозакрывания
посмотрите в DevTools как оно выглядит: p, address, p
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Проблема, с которой вы столкнулись, связана с тем, что браузеры обрабатывают теги address и p по-разному. Тег address обычно используется для указания контактной информации автора страницы или документа, в то время как тег p предназначен для обозначения абзаца текста.
При вложении тега address в тег p браузеры могут не корректно интерпретировать стили, так как это может привести к неоднозначности в разметке. Для того чтобы стили были применены к тегу address, рекомендуется использовать CSS вместо тегов.
Пример:
p address { font-style: italic; } <p> <address>123 Main Street, City, Country</address> </p>p address { font-style: italic; } <p> <address>123 Main Street, City, Country</address> </p>
В данном примере мы используем CSS для применения стиля к тегу address, который находится внутри тега p. Таким образом, вы сможете добиться желаемого визуального эффекта без неоднозначностей в разметке.
Надеюсь, эта информация была полезной для вас. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.