Вставить вложенный элемент

Question

Есть ли способ обернуть содержимое элемента другим элементом, используя CSS?

Я ищу механизм, похожий на :before, но который будет принимать этот HTML

<div class="wrap-content">
    content
</div>

и включите это:

<div class="wrap-content">
    <p class="wrapper">
        content
    </p>
</div>

---

Зачем мне это нужно: у меня есть div s с float: right, но содержимое должно быть выровнено по левому краю.Я могу добиться этого, вставив <p style="text-align:left"></p> вокруг содержимого.

Однако я пишу контент в уценке для структуры представления браузера, где у меня есть короткий синтаксис для вставки внешнего div, добавляя p вручную будет означать много копировать и вставлять (и беспорядок).Если есть другой (более умный) способ сделать это, я, конечно, тоже буду счастлив.

Answer 1

Я не думаю, что это возможно, используя только css, возможно, вам нужен javascript.

В противном случае, если вы можете обновить внешний div, вы можете использовать: before и добавить атрибут ввнешний div для использования его значения в качестве содержимого: before, что-то вроде этого:

<div class="wrap-content" data-content="content"></div>

CSS:

.wrap-content:before{
  content: attr(data-content);
  display: block;
  text-align: left;
}