How can I display all of them in a single line using css?

How can I display all of them in a single line using csss.

        <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><开发者_C百科/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>

I need something like

paper business PORTFOLIO SERVICES ABOUT TESTING REQUIREMENTS

---

li {
  display: inline;
}

And then apply any other styling you wish.

---

display: inline;

is all you need

---

First make div and nav inline-block, then li as inline:

div, nav {
    display: inline-block;
}

li {
    display: inline;
}

---

Actually display: inline-block; is much better or am I missing something?