How to set the Table width and height in CSS? - Tryit Editor for Web Developers

Edit This Code:

<html>
<head>
<style>

table, td, th {
    border: 3px solid purple;
}

table {
    border-collapse: collapse;
    width: 600px;
   color: red;
}

th {
    height: 60px;
    color: purple;
}

</style>
</head>
<body>

<h2>The width and height Properties:</h2>

<p>Set the width of the table, and the height of the table header row:</p>

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>Ali</td>
    <td>Ghafoor</td>
    <td>$88</td>
  </tr>
  <tr>
    <td>Asad</td>
    <td>Arshad</td>
    <td>$77</td>
  </tr>
  <tr>
    <td>Sajid</td>
    <td>Waheed</td>
    <td>$2</td>
  </tr>
  <tr>
    <td>Maria</td>
    <td>Rashid</td>
    <td>$25</td>
</tr>
</table>

<br><br>
<img src="logo.jpg"/>

</body>
</html>