HTML Tables Cell Padding Example

<!Doctype HTML>
<html>
  <head>
	<title>Cell Padding</title>
	<style>
    table, th, td{
		border: 1px solid #999;
		border-collapse: collapse;
	}
	th, td{
		padding: 10px;
	}
    </style>
  </head>
  <body>
	<h2>HTML table Cell Padding</h2>
	<p>Cell Padding will make the table more readable and beautiful.</p>
	<table style="width: 100%;">
	  <tr>
		<th>User</th>
		<th>ID</th>
		<th>Password</th>
	  </tr>
	  <tbody>
	  <tr>
		<td>joh</td>
		<td>john_123</td>
		<td>iAMjon_123</td>
	  </tr>
	  <tr>
		<td>Nikita</td>
		<td>niki_007</td>
		<td>007_niki</td>
	  </tr>
	  <tr>
		<td>Maria</td>
		<td>maria</td>
		<td>maria-9987</td>
	  </tr>
	  <tr>
		<td>Adam</td>
		<td>adam187</td>
		<td>noBodyLikesMe_187</td>
	  </tr>
	  </tbody>
	</table>
  </body>
</html>