关于css换行的问题。数据一多就会导致其他数据挤到同一行

测试: AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
XX: XX
ZZ: ZZZZZZZ

如果有一个标签里面的内容特别多，可能会导致下面的XX,ZZ显示到一行里面。我希望能让这些数据灭个数据占一行。
测试:AAAAAAAAAAAAAAA
XX：XX
ZZ:ZZ

 <div style="width: 45%;height:auto; word-break: break-all; float: left;">
<ul>
<li class="liblo">
<h2>
<a>
<strong>测试:</strong>
</a>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
</h2>
<h2>
<a>
<strong>XX:</strong>
</a>
XX
</h2>
<h2>
<a>
<strong>ZZ:</strong>
</a>
ZZ
</h2>

</li>
</ul>
</div>

你可以是使用多个li标签来解决问题啊，这样的话，就不会出现挤到一行的情况了

测试: AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

XX: XX

ZZ: ZZ

按照上面的形式，试试。希望能够帮到你

块级元素是占一整行的（div p li h1-h6）