在两个内联元素(范例)之间添加换行符

・1 分钟阅读

如果你需要有两个内联元素,其中一个元素突破另一个元素的下一行,你可以通过添加一个伪元素来实现这一点,:after</code> with content:'A'</code> and white-space: pre</code>

HTML


<h3>
 <span class="label">This is the main label</span>
 <span class="secondary-label">secondary label</span>
</h3>

CSS


.label:after {
 content: 'A';
 white-space: pre;
}

Codepen :http://bit.ly/YdBPKo

讨论
学以致用 profile image