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; 
}

```
```
/* grab 2nd row, then color the first cell */
tr:nth-child(2) td:first-child {
  background-color: #ff0000;
}

```

See it in action below
======================

```css
table.show-my-request-table {
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
tr.show-my-request-table-header {
  border: 1px solid black;
}
tr.show-my-request-table {
  border: 1px solid black;
}
tr.show-my-request-table:hover {
  background-color: #D3D3D3;
}
/* grab 2nd row, then color the first cell */

tr:nth-child(2) td:first-child {
  background-color: #ff0000;
}
```

```html
<table class="show-my-request-table center">
  <tr class="show-my-request-table-header">
    <th>Date</th>
    <th>Priority</th>
    <th>Question</th>
  </tr>

  <tr>
    <td class="show-my-request-table">

      11.8.2016 15:27:13

    </td>
    <td>
      <img src="/resources/img/priority-flag/priority-LOW-icon.png" class="priority-icon">
    </td>
    <td>

    </td>
  </tr>

  <tr>
    <td class="show-my-request-table">

      11.8.2016 14:45:41

    </td>
    <td>
      <img src="/resources/img/priority-flag/priority-LOW-icon.png" class="priority-icon">
    </td>
    <td>
      Jak se máš?
    </td>
  </tr>
```