如何使用css在一行中显示所有这些？

Question

如何使用css在一行中显示所有这些内容。

        <div id="paperbusiness">
            <span id="paper">paper</span>
            <span id="business"> business</span>
        </div>

        <nav id="nav">
            <ul>
                <li><a href="yahoo.com">PORTFOLIO</a></li>
                <li><a href="googlr.com">SERVICES</a></li>
                <li><a href="gmail.com">ABOUT</a></li>
                <li><a href="testing.php">TESTING</a></li>
                <li><a href="Req.pph">REQUIREMENTS</a></li>
            </ul>
        </nav>

我需要类似的东西

纸业务投资组合关于测试要求的服务

Answer 1

display: inline;

是你所需要的全部

Answer 2

li {
  display: inline;
}

然后应用您希望的任何其他样式。

Answer 3

首先使div和nav内联块，然后li作为内联：

div, nav {
    display: inline-block;
}

li {
    display: inline;
}

Answer 4

实际显示：内联块;好多了还是我错过了什么？