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 ?

2023-01-18_13-11-45

See my pen here.

You can use

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

which will shift the header to the next column…

2 Likes