Text Book layout with css
You can achieve textbook or bible layout with a little line of css codes with the coloumns and page-break First have a parent container <div> </div> Put your content inside the container and your html code looks like this <div> <p> ...
Responses
Markdown supported · ⌘↵ to post
Joe Clark
Full-stack developer specializing in healthcare IT
If you put five paragraphs in, you get five columns. Ideally, you'd want to have paragraphs flow down the left-most column, then over to the right-most, and not necessarily breaking at the paragraph tag. It would also need to scale somewhat with window size.
I found that the css column-count does not work with display: flex. If getting rid of display: flex and adding column-count: 2 it works and you don't need the break-inside: avoid. I haven't used column functionality at all before, but look at this: w3schools.com/css/css3_multiple_columns.asp