Css Getting Started Tutorial: how to control li div labels without line breaks

Css Getting Started Tutorial: how to control li div labels without line breaks. Well, in the css document layout, many things can be used and many details are worth studying, let's take a look at how I use css to control li div.

Index | aboutme | company | product

Let's look at the navigation bar above, from left to right. Of course we can also define a title directly, but this tutorial will talk about using li or div for control, let's take a look at the above code.

<Div id = nav>
<Li> index </li>

<Li> aboutme </li>

<Li> company </li>

<Li> product </li>
</Div>

The code we see is like this. Of course, if you use div, you can change li to div. The key is how to define them. Let's look at the css code.

# Nav li {float: left; width: 80px}

In this way, our effect will come out, and the div should be in the same way.

Finally, I declare that the original site is reprinted with www.111cn.net/cssdiv/css.html