HTML无序列表CSS

Question

我有一个无序列表,每个列表元素包含两个跨度(比如跨度A和跨度B).现在我需要格式化这些格式,以便它们在屏幕上水平放置,而跨度A始终位于跨度B的顶部.

Eg.  spanAItem1 spanAItem2 spanAItem3
     spanBItem1 spanBItem2 spanBItem3

如何使用一些有创意的CSS来做到这一点？

Answer 1

这样的事情会让你接近:

ul {float: left; list-style-type:none;}
ul li {float: left; margin-right:20px;}
ul li span {display:block}

*已编辑以解决您的评论.从那里拿:)