I am struggling to hide the borders of my tables despite adding CSS code for it.
table {
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0px;
outline: none;
}
th,
td {
padding: 5px 10px;
border: 0px;
font-weight: 400;
text-align: left;
outline: none;
border-collapse: collapse;
}<table style="width: 100%">
<tr>
<th>Part 1 </th>
</tr>
<tr>
<td style="width: 80%">
<ul>
<li style="text-align: left;">Summary</li>
<li style="text-align: left;">Target</li>
<li style="text-align: left;">Material</li>
</ul>
</td>
<td>test</td>
</tr>
</table>Here is a screenshot of how my browser displays the tables. https://i.sstatic.net/B6i1P.png