Как мне отформатировать эту динамически сгенерированную HTML-таблицу

Question

Я пытаюсь отобразить 4 столбца из запроса MySQL, но не могу правильно выровнять выходные значения, как я могу отформатировать таблицу, чтобы все 4 столбца и заголовки выровняли по центру?

$tableStyle = "padding: 5px;border:1px"; 
$tdStyle = "padding:5px "; 

echo '<table style="' . $tableStyle . '" cellpadding="5" cellspacing="5">'; 
echo "<tr align='center'> <th>Title</th><th>Score</th><th>Maximum Score</th><th>Finished On</th></tr>";

$row = $database->loadRowList();
foreach($row as $valuearray)
{
echo '<tr style=" align="center">';
foreach($valuearray as $field)
{

echo "<td align='center'>$field</td>";
}
echo "</tr>";
}
echo "</table>";

Answer 1

$tableStyle = "padding: 5px;border:1px"; 

$tdStyle = "padding:5px "; 

echo '<table style="' . $tableStyle . '" cellpadding="5" cellspacing="5">'; 
echo "<tr> <th align='center'>Title</th><th align='center'>Score</th><th align='center'>Maximum Score</th><th align='center'>Finished On</th></tr>";

$row = $database->loadRowList();
foreach($row as $valuearray)
{
echo '<tr>';
foreach($valuearray as $field)
{

echo "<td align='center'>$field</td>";
}
echo "</tr>";
}
echo "</table>";

Центр выравнивания не должен быть помещен над tr

Answer 2

Оберните вашу таблицу данными из другой таблицы, в которой есть одна ячейка, и отцентрируйте ее так, чтобы HTML выглядел примерно так:

<table><tr align='center' valign='middle'><td><table>...</table></td></tr></table>