Абзац внутри якоря не может быть отформатирован

Question

во время работы я испортил HTML, потому что я не знал, что тег <p> в теге <a> не форматируется.

Как если бы у меня было:

<a>
 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
</a>

где <a> ширина родительского элемента равна 200px; текст проходит через 200px; вместо размещения новых строк для размещения текста внутри.

Answer 1

попробуй сделать

a {
display: block;
}

Answer 2

В вашей разметке просто отсутствует обязательный атрибут привязки href.Следующее будет отображаться правильно:

<a href="#">
  <p>Lorem Ipsum is simply dummy text... ever since the 1500s, </p>
</a>

Проверьте это

Answer 3

Добавление дисплея: блок; к элементу это исправляет. По умолчанию тег является встроенным элементом. Он не предназначен для хранения других элементов, поэтому свойство width не влияет на него. Использование CSS, чтобы он отображался как блочный элемент, должно обеспечивать корректную работу свойств типа width. У меня есть рабочая демоверсия jsfiddle здесь .