@@Friedel > Natürlich soll der aktuelle Wert beim Laden der Seite angezeigt werden. Das Svg soll also rechtsbündig im Div angeordnet sein, sodass man nach links zu den alten Daten scrollen kann. > > Wie erreiche ich das? Indem du überlegst, wie solch eine Grafik mit Überbreite wohl auf einer arabischen oder hebräischen Seite dargestellt werden würde. Eben: rechtsbündig. Also kurzerhand `direction: rtl`. Und für Kindelemente wieder zurück auf `ltr`. (Alternativtext könnte sonst seltsam aussehen.) Und `tabindex="0"` fürs `div` nicht vergessen, damit man das Ding per Tastatur fokussieren und mit Pfeiltasten scrollen kann. ☞ Codepen: [Klimastreifen, `direction: rtl`](https://codepen.io/gunnarbittersmann/pen/zYaXMQP) **Ergänzung:** Angeregt durch den [anderen Thread](https://forum.selfhtml.org/self/2022/dec/10/direction-und-dir/1804576#m1804576) hab ich noch einen Fork erstellt: ☞ Codepen: [Klimastreifen, `dir="rtl"`](https://codepen.io/gunnarbittersmann/pen/WNyWLjR) Für beides lassen sich [Gründe](https://forum.selfhtml.org/self/2022/dec/10/direction-und-dir/1804578#m1804578) finden. 🖖 Живіть довго і процвітайте {:@uk} -- *„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“* — @Grantscheam auf Twitter

@@Friedel > Natürlich soll der aktuelle Wert beim Laden der Seite angezeigt werden. Das Svg soll also rechtsbündig im Div angeordnet sein, sodass man nach links zu den alten Daten scrollen kann. > > Wie erreiche ich das? Indem du überlegst, wie solch eine Grafik mit Überbreite wohl auf einer arabischen oder hebräischen Seite dargestellt werden würde. Eben: rechtsbündig. Also kurzerhand `direction: rtl`. Und für Kindelemente wieder zurück auf `ltr`. (Alternativtext könnte sonst seltsam aussehen.) Und `tabindex="0"` fürs `div` nicht vergessen, damit man das Ding per Tastatur fokussieren und mit Pfeiltasten scrollen kann. ☞ Codepen: [Klimastreifen, `direction: rtl`](https://codepen.io/gunnarbittersmann/pen/zYaXMQP) **Ergänzung:** Angeregt durch den [anderen Thread](https://forum.selfhtml.org/self/2022/dec/10/direction-und-dir/1804576#m1804576) hab ich noch einen Fork erstellt: ☞ Codepen: [Klimastreifen, `dir="rtl"`](https://codepen.io/gunnarbittersmann/pen/WNyWLjR) 🖖 Живіть довго і процвітайте {:@uk} -- *„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“* — @Grantscheam auf Twitter

@@Friedel > Natürlich soll der aktuelle Wert beim Laden der Seite angezeigt werden. Das Svg soll also rechtsbündig im Div angeordnet sein, sodass man nach links zu den alten Daten scrollen kann. > > Wie erreiche ich das? Indem du überlegst, wie solch eine Grafik mit Überbreite wohl auf einer arabischen oder hebräischen Seite dargestellt werden würde. Eben: rechtsbündig. Also kurzerhand `direction: rtl`. Und für Kindelemente wieder zurück auf `ltr`. (Alternativtext könnte sonst seltsam aussehen.) Und `tabindex="0"` fürs `div` nicht vergessen, damit man das Ding per Tastatur fokussieren und mit Pfeiltasten scrollen kann. ☞ Codepen: [Klimastreifen](https://codepen.io/gunnarbittersmann/pen/zYaXMQP) 🖖 Живіть довго і процвітайте {:@uk} -- *„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“* — @Grantscheam auf Twitter

@@Friedel > Natürlich soll der aktuelle Wert beim Laden der Seite angezeigt werden. Das Svg soll also rechtsbündig im Div angeordnet sein, sodass man nach links zu den alten Daten scrollen kann. > > Wie erreiche ich das? Indem du überlegst, wie solch eine Grafik mit Überbreite wohl auf einer arabischen oder hebräischen Seite dargestellt werden würde. Eben: rechtsbündig. Also kurzerhand `direction: rtl`. Und für Kindelemente wieder zurück auf `ltr`. (Alternativtext könnte sonst seltsam aussehen.) Und nicht `tabindex="0"` fürs `div` vergessen, damit man das Ding per Tastatur fokussieren und mit Pfeiltasten scrollen kann. ☞ Codepen: [Klimastreifen](https://codepen.io/gunnarbittersmann/pen/zYaXMQP) 🖖 Живіть довго і процвітайте {:@uk} -- *„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“* — @Grantscheam auf Twitter

@@Friedel > Natürlich soll der aktuelle Wert beim Laden der Seite angezeigt werden. Das Svg soll also rechtsbündig im Div angeordnet sein, sodass man nach links zu den alten Daten scrollen kann. > > Wie erreiche ich das? Indem du überlegst, wie solch eine Grafik mit Überbreite wohl auf einer arabischen oder hebräischen Seite dargestellt werden würde. Eben: rechtsbündig. Also kurzerhand `direction: rtl`. Und für Kindelemente wieder zurück auf `ltr`. (Alternativtext könnte sonst seltsam aussehen.) Und nicht `tabindex="0"` fürs `div` vergessen, damit man das Ding per Tastatur fokussieren und mit Pfeiltasten scrollen kann. ☞ [Klimastreifen](https://codepen.io/gunnarbittersmann/pen/zYaXMQP) 🖖 Живіть довго і процвітайте {:@uk} -- *„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“* — @Grantscheam auf Twitter