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;
}