How to make separate table rows
<!DOCTYPE html>
<html>
<head>
<title>Working with Lists</title>
</head>
<body>
<div>
<table>
<tr>
<td width="50%">
<ol>
<li>This is the first element in the list</li>
<li>This is the second element in the list</li>
<li>This is the third element in the list</li>
</ol>
</td>
<td width="50%">
<ul>
<li>This is the first element in the list</li>
<li>This is the second element in the list</li>
<li>This is the third element in the list</li>
</ul>
</td>
</tr>
</table>
</div>
</body>
</html>