Text und Bild in einer Zeile - Verhalten bei Zeilenumbruch

[Matthias Apsel]

Om nah hoo pez nyeetz, Gunnar Bittersmann!

Hm, wie wär’s dann mit

p:after

{
  content: "";
  display: inline-block;
  width: 2em;
  height: 1em;
  background-image: url(…);
}

  
[Ungetestet sollte man Gunnar auf keinen Fall widersprechen](http://forum.de.selfhtml.org/archiv/2013/8/t214769/#m1470179), deshalb hab ich es getestet:  
  
Ich habe mich gestern gefragt, an welcher Stelle des CSS wohl dem Browser mitgeteilt wird, das Pseudoelement möge niemals allein in seiner Zeile sein. Ich fand die Stelle nicht und mich heute im FF bestätigt. Es ist sehr wohl möglich, das Bild allein in die nächste Zeile zu schreiben.  
  
Im FF (29, Windows) ist aber  
~~~css
p {  
	position: relative;  
	padding-right: 30px;  
	display: inline-block;  
}  
p::after {  
        content: "";  
	position: absolute;  
	margin-left: 5px;  
	width: 30px;  
	height: 30px;  
	background: url(…);  
}

zielführend. Andere Browser nicht getestet

Matthias