Multi column unordered list issue

I have got an unordered list that I am splitting in 2 columns, but the split doesn’t always occur where I would like to. In the print screen shown below that the header is in column #1 and the contents in column #2 . Anyway of keeping it together ?


See my pen here.

You can use

.divCar li { break-inside: avoid-column;}

which will shift the header to the next column…


This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.