Hi everybody,
i’m trying to implemented a text on my site, which automatically breaks in the middle and creates two columns.
My first attempt was a html iframe, because CSS has a simple solution with “columns”. This solution worked so far, but i have the problem, that my iframe height doesn’t change its height automatically, which is a huge problem for the design on the site.
I probably need some kind of velo code on the iFrame to check automatically for the maxheight.
Here is the HTML Code, which is in the iFrame:
My HTML Document body{ background-color: #000000; padding: 0px; margin: 0; } p{ color: [#FFFFFF](https://www.editorxcommunity.com/forum/search/~num~FFFFFF) ; font-family: 'IBM plex mono', Ext Lt Italic; text-align: left; line-height: auto; columns: 345px 2; column-gap: 20px; } html { font-size: 23px; } @media (min-width:750px) { font-size: 14px; } @media (min-width:1000px) { font-size: 19px; } .container { height: auto; overflow: hidden; }Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.