Probleme im header und mit der Breite
bearbeitet von
@@Kralle
> Bei einem `<span>` kann man `first-letter` nicht einsetzen.
[Hold my beer!](https://codepen.io/gunnarbittersmann/pen/oNjKqOX){:@en}
Ob `::first-letter` wirkt oder nicht, dafür ist nicht der Typ des Elements entscheidend, sondern der Wert der `display`-Eigenschaft.
Setze `span { display: inline-block }` und schon geht’s.
Firefox zeigt bei der Vergrößerung der jeweils ersten Buchstaben ein merkwürdiges Verhalten. Vergrößert der die Leerzeichen vor dem Buchstaben mit? Ich musste im Codepen mit einem Hack dagegen ansteuern.
🖖 Stay hard! Stay hungry! Stay alive! **Stay home!**
{:@en}
--
*“Turn off CSS. If the page makes no sense, fix your markup.”* —fantasai
{:@en}
Probleme im header und mit der Breite
bearbeitet von
@@Kralle
> Bei einem `<span>` kann man `first-letter` nicht einsetzen.
[Hold my beer!](https://codepen.io/gunnarbittersmann/pen/oNjKqOX)
Ob `::first-letter` wirkt oder nicht, dafür ist nicht der Typ des Elements entscheidend, sondern der Wert der `display`-Eigenschaft.
Setze `span { display: inline-block }` und schon geht’s.
Firefox zeigt bei der Vergrößerung der jeweils ersten Buchstaben ein merkwürdiges Verhalten. Vergrößert der die Leerzeichen vor dem Buchstaben mit? Ich musste im Codepen mit einem Hack dagegen ansteuern.
🖖 Stay hard! Stay hungry! Stay alive! **Stay home!**
{:@en}
--
*“Turn off CSS. If the page makes no sense, fix your markup.”* —fantasai
{:@en}