CSS在两个元素之间添加换行符

Question

我有html输出：

  return '<div class="band"><i class="'.USER.'" aria-hidden="true"></i> '.(isset($_SESSION['logedAs'])? $_SESSION['logedAs'] : null).' <i class="'.$icon.' ribbon" aria-hidden="true"></i> '.$ribbon.'</div>';

我需要在icon之前使用类'ribbon'添加制动器。 我在CSS中试过这个但是它不起作用：

.ribbon span::before { 
        content: "\A";
        white-space: pre;;
}

Answer 1

我猜你可以在图标前插入一个块内容来分解它：

＆＃13;

＆＃13;

.ribbon:before {
  content: "";
  display: block;
}

＆＃13;

<div class="band">
  <i class="" aria-hidden="true">icon1</i> Some text
  <i class=" ribbon" aria-hidden="true">icon2</i> $ribbon
</div>

＆＃13;

＆＃13;

＆＃13;