JSFiddle - React, Tailwind, and code Playground

HTML

<div class="listbox">
    <ul>
      <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
      <li>Aliquam </li>
      <li>Vestibulum auctor</li>
      <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
      <li>Aliquam tincidunt mauris eu risus.</li>
      <li>Vestibulum auctor dapibus neque.</li>
    </ul>  
</div>
<!--[if lte IE 9]>
 <script>
     (function(){ 
var li  = document.querySelectorAll(".listbox ul>li"),
    box = document.querySelector(".listbox"),
    max = Math.round(li.length/2),
    out   = "",
    col1  = "",
    col2  = "";
    
    for(i   in li){
        html = li[i].outerHTML
        if(i < max){
          col1 += html
        }else{
          col2 += html
        }
    } 
    box.innerHTML = '<ul>' + col1 + '</ul>' + '<ul>' + col2 + '</ul>'

})()
 </script>
<![endif]--

CSS

ul {
  width: 300px;
    display: inline-block;
    vertical-align: top;
 
}
li {
  margin-bottom: 10px;
}