I am facing an issue with the border of a table. Currently, the border appears correctly on Brave browser but extends too far on Chrome and Safari. If I try to make it smaller, the border does not reach all the way to the <td>. Is there a solution to limit the border to the length of the <td>? Apologies if this is a basic question, as I am new to this and couldn't find any relevant information online. The current code I have is:
/* Only affects Chrome/Safari */
table {
display: block;
text-align: center;
font-family: ‘Jost’, sans-serif;
border: 7px solid red;
border-radius: 13px;
width: auto;
margin-right: 8%;
margin-left: 8%;
border-spacing: 3px;
}
td {
background-color: yellow<table>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>