Button als Fließtext
bearbeitet vonEin Button soll als Fließtext dargestellt werden. Rahmen weg, Hintergrund weg, Padding weg, Schrift geerbt – alles kein Problem, siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/wBWXXrP?editors=0100).
Nur ein Zeilenumbruch will mir nicht gelingen. Obwohl „Within“ noch in die Zeile passt, wird im Buttontext kein Zeilenumbruch gemacht. Sebst
```css
button {
appearance: none;
display: inline;
white-space: wrap;
}
```
hilft da nicht.
Gibt es für den Buttontext vielleicht noch ein Pseudoelement/eine Pseudoklasse (darf auch browserspezifisch sein), für die man das noch setzen könnte?
🖖 Live long and prosper
{:@en}
PS: `<input type="button"/>`{:.language-html} verhält sich genauso.
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}
Button als Fließtext
bearbeitet vonEin Button soll als Fließtext dargestellt werden. Rahmen weg, Hintergrund weg, Padding weg, Schrift geerbt – alles kein Problem, siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/wBWXXrP?editors=0100).
Nur einen Zeilenumbruch will mir nicht gelingen. Obwohl „Within“ noch in die Zeile passt, wird im Buttontext kein Zeilenumbruch gemacht. Sebst
```css
button {
appearance: none;
display: inline;
white-space: wrap;
}
```
hilft da nicht.
Gibt es für den Buttontext vielleicht noch ein Pseudoelement/eine Pseudoklasse (darf auch browserspezifisch sein), für die man das noch setzen könnte?
🖖 Live long and prosper
{:@en}
PS: `<input type="button"/>`{:.language-html} verhält sich genauso.
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}
Button als Fließtext
bearbeitet vonEin Button soll als Fließtext dargestellt werden. Rahmen weg, Hintergrund weg, Padding weg, Schrift geerbt – alles kein Problem, siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/wBWXXrP?editors=0100).
Nur einen Zeilenumbruch will mir nicht gelingen. Obwohl „Within“ noch in die Zeile passt, wird im Buttontext kein Zeilenumbruch gemacht. Sebst
```css
button {
appearance: none;
display: inline;
white-space: wrap;
}
```
hilft da nicht.
Gibt es für den Buttontext vielleicht noch ein Pseudoelement/eine Pseudoklasse (darf auch browserspezifisch sein), für die man das noch setzen könnte?
🖖 Live long and prosper
{:@en}
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}
Button als Fließtext
bearbeitet vonEin Button soll als Fließtext dargestellt werden. Rahmen weg, Hintergrund weg, Padding weg, Schrift geerbt – alles kein Problem, siehe [Beispiel](https://codepen.io/gunnarbittersmann/pen/wBWXXrP?editors=0100).
Nur einen Zeilenumbruch will mir nicht gelingen. Obwohl „Within“ noch in die Zeile passt, wird im Buttontext kein Zeilenumbruch gemacht. Sebst
```css
button {
display: inline;
white-space: wrap;
}
```
hilft da nicht.
Gibt es für den Buttontext vielleicht noch ein Pseudoelement/eine Pseudoklasse (darf auch browserspezifisch sein), für die man das noch setzen könnte?
🖖 Live long and prosper
{:@en}
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}