you must edit your html code like this:
body {
background-color: #A9A9A9;
}
#table, table {
margin: 0 auto;
}
h1, h3 {
text-align: center;
}
<h1 style="color: red">Hassen Rammal</h1>
<h3> Welcome to my online porfolio. </h3>
<div id="table" style="width:80%">
<table height="230px" background="GOT.jpg">
<tr>
<td colspan="5" style="font-size: 4em; font-weight: bold;text-align: center" valign="bottom">Hassen Rammal</td>
</tr>
<tr>
<td colspan="5" style="font-size: 1.3em; font-weight: bold;text-align: center" valign="top">All the stuff you need to know me</td>
</tr>
<tr>
<th width="200px"><a href = "https://stackoverflow.com/questions/46945083/AboutMe.html">About Me</a></th>
<th width="200px"><a href = "Education.html">Education</a></th>
<th width="200px"><a href = "Experience.html">Work Experience</a></th>
<th width="200px"><a href=" ThingsILike.html">Things I Like</a></th>
</tr>
</table>
<p></p>
3
solved HTML how to center content [closed]