overflow:hidden的重要性

在如下html 代码，想要让列表中的span和d l标签并排排列。

<ol><li><span>01</span><dl><dt><a href=""> 《养生堂 》</a></dt><dd><a href="">公郭立新主任 特殊时期糖尿病人的新冠…</a></dd></dl></li><li><span>02</span><dl><dt><a href=""> 《养生堂 》</a></dt><dd><a href="">王少为主任 新型冠状病毒防控指引十八…</a></dd></dl></li><li><span>03</span><dl><dt><a href="">《我要当医生》</a></dt><dd><a href="">谭玲副主任 李同舟 姚晨蕊药师</a></dd></dl></li><li><span>04</span><dl><dt><a href="">《全民健康学院》</a></dt><dd><a href="">王建业院长 “医”路有你 健康同行</a></dd></dl></li><li><span>05</span><dl><dt><a href="">《健康北京》</a></dt><br><dd><a href="">王建业院长 莫把衰老当病治</a></dd></dl></li></ol>

如果只是设置span和d l 左浮动，会出现各种乱套，比如

设置了overflow：hidden之后，

要把浮动关闭在每个li中，才不会对之后的li选项有影响。