Neben Tabellen mit Abstand schreiben
bearbeitet von Gunnar Bittersmann@@Matthias Scharwies
> ~~~ css
> table {
> float:left;
> margin-right: 2em;
> }
> ~~~
Beim Jupiter! Nö, so einfach geht das nicht. [Float](https://codepen.io/gunnarbittersmann/pen/mdJZpGO) führt bei schmalen Viewports zu dieser Darstellung:
![](/images/2fc7f5ca-7753-11ea-bac6-b42e9947ef30.png){:width="410"}
Der neben der Tabelle verbleibende Platz ist zu schmal, um ihn noch für Text zu nutzen. Da müsste man mit *media query*{:@en} dafür sorgen, dass erst ab einer gewissen Viewportbreite gefloatet wird.
Außerdem kann das vorkommen:
![](/images/db4dafac-7753-11ea-be7c-b42e9947ef30.png){:width="590"}
Das letzte Wort steht völlig abseits vom Text. Vermutlich will man die Tabelle nicht vom Text umfließen lassen, sondern beides [nebeneinander](https://codepen.io/gunnarbittersmann/pen/oNXrpaj) darstellen.
🖖 Stay hard! Stay hungry! Stay alive! **Stay home!**
{:@en}
PS: Dass die Forumssoftware Breitenangaben ignoriert und die Screenshots zu groß darstellt, ist ärgelich.
--
Vielen Eltern dämmert beim Home-Schooling so langsam die Erkenntnis:
Lehrer ist wohl doch ein regelrechter Beruf! ([@heuteshow](https://twitter.com/heuteshow/status/1241117074191273997))
Neben Tabellen mit Abstand schreiben
bearbeitet von Gunnar Bittersmann@@Matthias Scharwies
> ~~~ css
> table {
> float:left;
> margin-right: 2em;
> }
> ~~~
Nö, so einfach geht das nicht. [Float](https://codepen.io/gunnarbittersmann/pen/mdJZpGO) führt bei schmalen Viewports zu dieser Darstellung:
![](/images/2fc7f5ca-7753-11ea-bac6-b42e9947ef30.png){:width="410"}
Der neben der Tabelle verbleibende Platz ist zu schmal, um ihn noch für Text zu nutzen. Da müsste man mit *media query*{:@en} dafür sorgen, dass erst ab einer gewissen Viewportbreite gefloatet wird.
Außerdem kann das vorkommen:
![](/images/db4dafac-7753-11ea-be7c-b42e9947ef30.png){:width="590"}
Das letzte Wort steht völlig abseits vom Text. Vermutlich will man die Tabelle nicht vom Text umfließen lassen, sondern beides [nebeneinander](https://codepen.io/gunnarbittersmann/pen/oNXrpaj) darstellen.
🖖 Stay hard! Stay hungry! Stay alive! **Stay home!**
{:@en}
PS: Dass die Forumssoftware Breitenangaben ignoriert und die Screenshots zu groß darstellt, ist ärgelich.
--
Vielen Eltern dämmert beim Home-Schooling so langsam die Erkenntnis:
Lehrer ist wohl doch ein regelrechter Beruf! ([@heuteshow](https://twitter.com/heuteshow/status/1241117074191273997))