Adicionando uma quebra de linha entre dois elementos embutidos

Se você precisa ter dois elementos embutidos onde um quebra na próxima linha dentro de outro elemento, você pode fazer isso adicionando um pseudoelemento :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
Support: http://reference.sitepoint.com/css/white-space