Перенос строки в псевдоэлементе

HTML

<p class="text">Текст</p>
<p class="d">многострочный</p>
<p class="text">Текст</p>
<p class="d">многострочный</p>

CSS

.text, .d {
  display: inline-block;
}

.d {
  
}

.d:after {
  content: " "; 
    display: block; 
    clear: both;
}