How to prevent column break within an element?

Question

Consider the following HTML:

    

        
Number one
        
Number two
        &         


        
      

Answer 1

I faced same issue while using card-columns

i fixed it using

 display: inline-flex ;
 column-break-inside: avoid;
 width:100%;