Komplizierte H1 Formatierung

Hallo, meine H1 hat folgenden Aufbau: "Textteil eins – Textteil zwei". Ich benötige ein CSS mit dem ich "Textteil eins" und "Textteil zwei" getrennt ansprechen kann. "Textteil zwei" soll in einer neuen Zeilen stehen. – soll nicht angezeigt werden. Z.B: Textteil eins Textteil zwei Es gibt keine Möglichkeit dies über einen <span> oder <div> zu regeln. Vielen Dank für die Hilfe.
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<style> h1{ width:350px; height:30px; position:relative; margin:0 auto; color:green; } h1:before{ content:'linker text'; width:150px; height:30px; background:white; color:blue; position:absolute; height:100%; dipslay:block; } </style> <h1>linker text rechter text</h1>