Colspan Rowspan не работает второй colspan

  .content-table{
    width: 100%;
    border-spacing: 11px 9px;
    border-collapse: separate;
  }
  td{
    outline:1px solid black;
    border-radius:4px;
    background-color: #EEEEF2;


  }

   <table class="content-table">
          <tr>
            <td colspan="5">1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td >4</td>
            <td >4</td>
          </tr>
          <tr>
            <td colspan="5">1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
          </tr>
        </table>