<ul>中多个<li>元素的横排列方法

Example:

          <ul>
                <li>AAAA</li>
                <li>BBBB</li>
                <li>CCCC</li>
                <li>DDDD</li>
                <li>EEEE</li>
                <li>FFFF</li>
            </ul>

Q&S: 要显示这样横排的效果

AAAA BBBB CCC DDDD EEEE FFFF

解决方法：

使用**float **属性解决

/*ul li 横排*/
li{
  float: left;
  list-style: none;
}