AW Likert table

by Hannah McFarlane

HTML

<div class="table-classic-rw">
  <table id="table7">
    <thead>
      <tr>
        <th style="width: 23%;">&nbsp;</th>
        <th style="width: 11%;">Totally agree</th>

        <th style="width: 11%;">Strongly agree</th>
        <th style="width: 11%;">Agree</th>
        <th style="width: 11%;">Disagree</th>
        <th style="width: 11%;">Strongly disagree</th>
                <th style="width: 11%;">Totally disagree</th>
        <th>No opinion / Don’t know</th>
      </tr>
    </thead>
    <tbody>
      <tr class="row1">
        <td colspan="7">It is quite acceptable to eat meat so long as animals are reared and killed humanely</td>
        <td>&nbsp;</td>
      </tr>
      <tr class="row2">
        <td>&nbsp;</td>
        <td style="text-align: center;">93%</td>
       
        <td style="text-align: center;">26%</td>
        <td style="text-align: center;">67%</td>
        <td style="text-align: center;">5%</td>
        <td style="text-align: center;">1%</td>
         <td style="text-align: center;">6%</td>
        <td style="text-align: center;">1%</td>
      </tr>
      <tr class="row3">
        <td colspan="7">Animals should have the same moral rights as human beings</td>
        <td>&nbsp;</td>
      </tr>
      <tr class="row4">
        <td>&nbsp;</td>
        <td style="text-align: center;">55%</td>
        
        <td style="text-align: center;">15%</td>
        <td style="text-align: center;">40%</td>
        <td style="text-align: center;">34%</td>
        <td style="text-align: center;">6%</td>
        <td style="text-align: center;">40%</td>
        <td style="text-align: center;">20%</td>
      </tr>
      <tr class="row5">
        <td colspan="7">Keeping animals as pets is unnatural and demeaning to both parties</td>
        <td>&nbsp;</td>
      </tr>
      <tr class="row6">
        <td>&nbsp;</td>
        <td style="text-align: center;">10%</td>
      
        <td style="text-align: center;">2%</td>
        <td style="text-align:...

CSS

table {
  border: 0.5px solid black;
  border-collapse: collapse;
}

td {
  border: 0.5px solid black;
}

.table-classic-rw table td {
  padding: 2pt;
}

.table-classic-rw table tbody tr:first-child td {
  padding-top: 6pt;
}