代码示例:(标识:css_display_inline_list)
<!DOCTYPE html>
<html>
<head>
<style>
li {
  display: inline;
}
</style>
</head>
<body>

<p>把链接列表显示为水平导航栏:</p>

<ul>
  <li><a href="/html/index.html" target="_blank">HTML</a></li>
  <li><a href="/css/index.html" target="_blank">CSS</a></li>
  <li><a href="/javascript/index.html" target="_blank">JavaScript</a></li>
</ul>

</body>
</html>
运行结果: