How to style a table that is part html and part php
<p>I found it hard to phrase this question but I will try my best. I am creating a php and MYSQL leaderboard, it all works but now I want to style it. I don't know very much css and this might be a simple fix. I am trying to style the table so that all the data table elements sit symmetrical like a table should be, and aligned to the center of the headers. I think it is not working because I technically have 2 tables I am trying to style and they are not working in conjunction with each other. Here is the code and forgive my usernames in the table, I get lazy sometimes. </p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Leaderboards&lt;/title&gt;
&lt;style type="text/css"&gt;
th {
  overflow: auto;
  font-size: 25px;
  border: 1px solid;
  padding: 5px;
  margin: 2px 2px 2px 2px;
}
td {
  font-size: 25px;
  padding-left: 30px;
  padding-top: 3px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Leaderboard&lt;/h1&gt;
&lt;table&gt;
&lt;tr&gt;
    &lt;th&gt;Rank&lt;/th&gt;
    &lt;th&gt;User&lt;/th&gt;
    &lt;th&gt;Score&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;?php
include 'HytecFunctions.php';
$conn=connectDB();

$rank = 1;

  $sql = 'SELECT Name, Score FROM Names ORDER BY Score DESC';
foreach ($conn-&gt;query($sql) as $row) {
echo "&lt;table&gt;
        &lt;td&gt;$rank&lt;/td&gt;
        &lt;td&gt;$row[Name]&lt;/td&gt;
        &lt;td&gt;$row[Score]&lt;/td&gt;
        &lt;/tr&gt;
        &lt;/table&gt;";
$rank++;
}

  $conn-&gt;close();
?&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><a href="http://i.stack.imgur.com/VqqCl.png" rel="nofollow">The table as it shows in my browser</a></p>