<div id="multicol">
  <div id="first" style="border:10px solid;">
    line 1<br>
    line 2<br>
  </div>
  <div id="second" style="break-before:avoid;">
    foo
  </div>
</div>

#multicol {
  columns: 2;
  column-fill: auto;
  line-height: 20px;
  height: 60px;
  orphans: 2;
  widows: 2;
  background: yellow;
}