<!DOCTYPE html>
<html>
<head>
<title>This tests that th is text-align centered when parent has initial value.</title>
<style>
    table { 
    width: 500px; border: 1px solid green;
}
</style>
<table><tbody>
    <tr><th>no explicit style</th></tr>
    <tr><th style="text-align: initial">th initial</th></tr>
    <tr><th style="text-align: start">th start</th></tr>
    <tr><th style="text-align: center">th center</th></tr>
    <tr><th style="text-align: inherit">th initial</th></tr>
    <tr><th style="text-align: end">th end</th></tr>
    <tr style="text-align: initial"><th>tr initial</th></tr>
    <tr style="text-align: start"><th>tr start</th></tr>
    <tr style="text-align: center"><th>tr center</th></tr>
    <tr style="text-align: end"><th>tr end</th></tr>
    <tr style="text-align: end"><th style="text-align: inherit">tr end</th></tr>
    <tr style="text-align: initial"><th style="text-align: initial">tr initial, th initial</th></tr>
    <tr style="text-align: initial"><th style="text-align: start">tr initial, th start</th></tr>
    <tr style="text-align: start"><th style="text-align: start">tr start, th start</th></tr>
    <tr style="text-align: end"><th style="text-align: initial">tr end, th initial</th></tr>
    <tr style="text-align: end"><th style="text-align: start">tr end, th start</th></tr>
</tbody></table>
</body>
</html>
