Not done completely just need a couple more but i want someone to review my code to see if im going in the right direction
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./resources/index.css" type="text/css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Common Css properties</title>
</head>
<body>
<header>
<h1> Common CSS Properties</h1>
</header>
<main>
<div class="table">
<table>
<thead>
<tr>
<th>properties</th>
<th>example</th>
<th>description</th>
</tr>
</thead>
<tbody>
<tr>
<td>text-align</td>
<td>text-align: center;</td>
<td>It aligns the text to what ever is the selected selector</td>
</tr>
<tr>
<td>color</td>
<td>color: blue;</td>
<td>changes the color of the selector</td>
</tr>
<tr>
<td>font-size</td>
<td>font-size: 30px;</td>
<td>is used to set text sizes. Font size values can be many different units or types such as pixels.</td>
</tr>
</tbody>
</table>
</div>
</main>
</body>
</html>
th, td {
border: 2px solid green;
}
body{
background-color: yellow;
}
table{
border: 2px solid grey;
text-align: center;
border-collapse: collapse;
}
*{
font-weight: bold;
}
h1{
text-align: center;
}
.table{
position: relative;
left: 500px;
}
also how can I make my table be positioned in the middle with out the padding property