Zamieniam ten obraz PSD na CSS. Mam wiele h2 na wielu stronach, więc długość tekstu wewnętrznego i kolor tła mogą się różnić. Dlatego tło powinno automatycznie dostosować się do „dowolnej” długości.

Do tej pory znaczniki są podobne do:

<h2 class="sub-heading lab-heading">Laboratori</h2>

W końcu mogę zawinąć wewnętrzny tekst w<span>, ale zachowanie semantycznego poprawnego znacznika bez dodatkowego elementu byłoby ♥ ly.

Tekst wewnętrzny jest obracany, ale nie jest obowiązkowy. Teraz skupiam się na pochyłym tle.

Jestem otwarty na wszelkie rozwiązania wykorzystujące skalowane tła png (np. Tło-rozmiar: okładka), pseudoelementy, płótno itd. Ale musi być modułowy.

Bardzo dziękuję za wszelkie sugestie.

[aktualizacja] Graficzny przykład tego, czego szukam:

[ważna uwaga] Za h2 jestnieregularny wzór (nie „jednolite” tło koloru)