Question: Question: How to make it like ul and li in the same line. Can anyone help me with this problem. Thanks a lot.

```
Product product product product
Drink  Drink  Drink  Drink
Food  Food  Food  Food

```

CSS:

```
   #footer{
        display:inline;
    }

    #footer .footer_container{
        display:inline;
        border:1px solid red;
    }

```

HTML:

```
   <div id="footer">

         <div class="footer_container">

            <section>
                    <h1>Product</h1>
                    <ul>
                        <li>Product</li>
                        <li>Product</li>
                        <li>Product</li>
                        <a href="google.com"><li>Product</li></a>
                    </ul>
              </section>

              <section>
                    <h1>Drinks</h1>
                    <ul>
                        <li>Drinks</li>
                        <li>Drinks</li>
                        <li>Drinks</li>
                        <a href="google.com"><li>Product</li></a>
                    </ul>
              </section>

              <section>
                    <h1>Food</h1>
                    <ul>
                        <li>Food</li>
                        <li>Food</li>
                        <li>Food</li>
                        <a href="google.com"><li>Product</li></a>
                    </ul>
              </section>
         <div>
     </div>

```

Answer: 
Try this:

```
table.show-my-request-table tr > td:first-child {
    background-color: #ff0000; 
}

```
```
table.show-my-request-table > td:nth-child(1) {
    background: #25a3c2; 
}

```