Create a new table

Tell us what’s happening:

Your code so far

<head>
	<title>new table</title>
	<style>
	table{
		width: 100%;
		border-spacing: 5px;
	}
	table,th,td{
		
		background-color: #fff;
		border-collapse: collapse;
		border: 1px solid black;
		text-align: left;
		padding: 15px;
		margin: 10px block;
		}
	table#t01 tr:nth-child(even) {
    background-color: green;
}
th{
    background-color: black;
    color: white;
}
dl{
		text-align: center;
}

	</style>

</head>
<body>
	<table id="t01">
<tr>
    <th>FIRST NAME</th>
   <th>SECOND NAME</th>
    <th>AGE</th>
</tr>
<tr>
	  <td>SAURAV</td>
	  <td>DATTA</td>
	  <td>50</td>
</tr>
<tr>
	  <td>MONISHA</td>
	  <td>DATTA</td>
	  <td>50</td>
</tr>
<tr>
	  <td>ATMODIPTA</td>
	  <td>DATTA</td>
	  <td>50</td>
</tr>
<tr>
	  <td>SHUVO</td>
	  <td>DATTA</td>
	  <td>50</td>
</tr>
</table>
<dl >
	<dt>COFFEE</dt>
	<dd>-Black hot drink</dd>
	<dt>MILK</dt>
	<dd>-white cold drink</dd>
</dl>
</body>
</html>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/say-hello-to-html-elements