Question: ok the code is listed below, and when I adjust the css as follows:

```
.Nav {
color:red;
float:left;
display:inline;}

```

It wont display inline? What Am I doing wrong? Im sure this is a stupid question.

```
<head></head>

<body>
    <div class="Nav">
        <ul>
            <li>Home</li>
            <li>Sign Up</li>
            <li>About</li>
            <li>Contact Us</li>
        </ul>
    </div>
</body>

```

Answer: 
dont use float and dislay inline at the same time just use `

```
display:inline-block;

```

and it will work perfectly fine 

i would also recommend you to read this article, it's a short article but helps a lot
[click this to read the article](https://designshack.net/articles/css/whats-the-deal-with-display-inline-block/)
atleast it did help me a lot and cleared my concepts of float and display
The `div` itself is displayed inline, but since it's the only element inside the `body`, it has no visible effect.

You need to set it on the li elements:

**CSS**

```
div.nav ul li {
    float: left; /* All li elements inside the div.nav are floated to left... */
    display: inline; /* ...and displayed inline – but it does not make sence,
        since a floating element cannot be inline. */
}

```

**HTML**

```
<div class="nav">
    <ul>
        <li>Home</li>
        ...

```