Html文本怎么使两列文字并排

img


目前是用
  1. 分成了四个列表 但是是一溜下来的，不知道如何才能跟图中一样变成两列


<div style="width:300px; height:auto; float:left; display:inline">AAAA</div>
<div style="width:300px; height:auto; float:left; display:inline">BBBB</div>

这个可以用div套两个div，每一个部分都是五行，这样就可以用flex布局进行操作

方法一：可以使用display：flex弹性布局解决
方法二：可以使用float浮动来解决