下面的示例把列表项显示为内联元素 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    li {
      display: inline;
    }
  </style>
</head>
<body>

  <p>链接列表水平显示：</p>

  <ul>
    <li><a href="/html/" target="_blank">HTML</a></li>
    <li><a href="/css/" target="_blank">CSS</a></li>
    <li><a href="/js/" target="_blank">JavaScript</a></li>
    <li><a href="/xml/" target="_blank">XML</a></li>
  </ul>

</body>
</html>
        