@@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: {: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: {: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 ärgerlich. -- 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))

@@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: {: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: {: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))

@@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: {: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: {: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))