Evite quebra de coluna ao usar contagem de coluna

<ul class="separated">
<li>
<strong>Title 1</strong>
<ul><li>All</li></ul>
</li>
<li>
<strong>Title 2</strong>
<ul>
<li>Sub-Title 2-1</li>
</ul>
</li>
<li>
<strong>Title 3</strong>
<ul>
<li>Sub-Title 3-1</li>
</ul>
</li>
</ul>
ul.separated {
-webkit-column-count: 2;
-moz-column-count: 2;
-ms-column-count: 2;
-o-column-count: 2;
column
-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
-ms-column-gap: 20px;
-o-column-gap: 20px;
column
-gap: 20px;
list
-style: inside none;
padding
: 0;
}
ul.separated li {
font
-size: 12px;
font
-size: 1.2rem;
-webkit-column-break-inside: avoid;
column
-break-inside: avoid;
page
-break-inside: avoid;
}