Ответ
Нет, тег <div> внутри <p> работать не будет. Согласно спецификации HTML, тег <p> может содержать только фразовый контент (текст, инлайн-элементы), а <div> — блочный элемент. Браузер автоматически закроет <p> перед <div>.
Пример:
<p>Текст <div>блок</div> продолжение.</p>Браузер преобразует это в:
<p>Текст </p>
<div>блок</div>
<p> продолжение.</p>Ответ 18+ 🔞
Ах ты ж ёпта, ну и вопрос! Слушай, давай разжую, как для совсем зелёного, чтобы до самого донышка дошло.
Вот представь себе, ты пытаешься запихнуть холодильник в микроволновку. Ну, в теории, может, и влезет, если пихать с пиздец какой силой, но работать-то это не будет, да и все вокруг скажут, что ты совсем еблан.
Так вот, <p> — это твоя микроволновка, место для разогрева текста, строчных штук. А <div> — это уже полноразмерный холодильник, блочная хуйня, серьёзная структурная единица.
Спецификация HTML, эта сволочь строгая, прямо говорит: «Нельзя, блядь, в <p> пихать <div>!». И браузер, видя такое безобразие, сам всё поправит. Он возьмёт и нахуй закроет твой параграф прямо перед дивом, как будто ты там точку поставил.
Смотри, как это выглядит в жизни:
<p>Текст <div>блок</div> продолжение.</p>А браузер это прочитает и сделает вот так, самовольно, сука:
<p>Текст </p>
<div>блок</div>
<p> продолжение.</p>Видишь? Он разорвал твой параграф нахуй на два куска, а див поставил между ними. «Продолжение» уже будет в новом параграфе.
Так что если тебе нужен блок внутри текстового потока — ищи другие инструменты, <span> там или ещё что. А див в пи — это как яйца в шляпе: вроде и есть, но нихуя не по делу и выглядит идиотски. Всё, вопрос закрыт, ебать.