Zeilenumbrüche entfernen, ohne Blöcke zu erstellen

Question

Gibt es eine CSS-Eigenschaft/Lösung, die die Notwendigkeit eines <br> zwischen jedem <span> verhindert?

Zum Beispiel, anstelle von:

HTML 
<span>a</span> 
<br> 
<span>b</span> 
<br> 
<span>c</span> 

Haben Sie etwas wie folgt aus:

CSS 
span{break-line:true} 

    HTML 
<span>a</span> 
<span>b</span> 
<span>c</span> 

Ich weiß, ich display:block verwenden kann, aber ich will nicht die Spanne der Größe ändern.
Ein Beispiel dafür, warum das schlecht wäre, ist der Hintergrund der Spannweite.

Answer 1

Sie Schwimmer und klar auf sie verwenden können:

span { 
 
float: left; 
 
clear: both; 
 
background: #ddd; 
 
}

<span>a</span> 
 
<span>b</span> 
 
<span>c</span>

Answer 2

Sie das :after Pseudoelement mit white-space: pre;

span:after { 
 
    content: '\A'; /* a newline */ 
 
} 
 
span { 
 
    white-space: pre; 
 
}

<span>a</span> 
 
<span>b</span> 
 
<span>c</span>

können