html 用伪元素断行

Posted 2021-05-11

<style>
  h1 span {
    display: block;
  }
  
  h1 span:before {
    content: attr(data-text);
    background: black;
    padding: 1px 8px;
  }
</style>

<h1>
  Break right after this and
  <span data-text="before this"></span>
</h1>