请教各位大神，内容列表这种格式的要怎么判单样式

<div class="list-middle">
  <div class="list-images"> <a class="pic" href="" target="_blank"><img src="20210923/20201119095410_34201.jpg" alt="颜值谷底"></a>
      <a class="art" href="" target="_blank">
    <h2>颜值谷底，盘点历史上最丑陋的五位皇后</h2>
    <p> 黄帝妃--嫘祖嫘祖黄帝的元妃。黄帝的父亲少典和母亲附宝希望儿子早日成家，找了好多漂亮姑娘来相亲。可黄帝整 </p>
    </a>
    </div>
  <div class="list-images"> <a class="pic" href="" target="_blank"><img src="20210923/20201119094955_60572.jpg" alt="，乾隆关系"></a>
      <a class="art" href="" target="_blank">
    <h2>乾隆弟弟弘曕英年早逝，竟与乾隆有很大关系</h2>
    <p> 爱新觉罗弘曕去世时正值盛年，只有33岁，不免惋惜。世人对他，称颂过，也唾弃过。图片来源于网络弘曕从小过继给了果 </p>
    </a>
    </div>
  <ul>
    <li><a href="" target="_blank">颜值谷底，盘点历史上最丑陋的五位皇后</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">乾隆弟弟弘曕英年早逝，竟与乾隆有很大关系</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">躬耕陇亩的诸葛亮，是如何吸引来刘备三顾茅庐的</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">她是皇帝宠妃，最后却落得个凌迟处死的下场</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">凌烟阁功臣之中，为何第一名将秦琼排名是最后一位</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">刘备能称霸，最该感谢的人是谁？</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">为什么说柴荣是中国历史上最可惜的皇帝</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">朱元璋定下的这条规矩，暴露了他爱管闲</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">这几位皇帝都是溺水而亡，最惨烈的是他</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">秦始皇完成统一之后，为何还留一个卫国不灭？</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">李世民灭窦建德一战，奠定了大唐江山的稳固基业</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">这位北宋的悲剧将军，注定将成为政治的牺牲品</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">赛金花“床上救国”是怎么回事？背后有什么故事？</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">黄帝的后代们都是怎么出生的，一个比一个奇葩</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">他的功绩不亚于张骞，却一直默默无闻</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">实事求是才是治国准则，听听雍正是怎么告诫大臣的</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">东晋桓温之子桓玄，成功实现了老爹的皇帝梦</a><span>2021-09-23</span></li>
    <li><a href="" target="_blank">战国将领赵括的妻子赵国公主雅夫人一生命运有多悲惨</a><span>2021-09-23</span></li>
  </ul>
</div>