Hi WPyogi,
I had code almost identical to that code in the table. But I erased mine and inserted yours. As before, it worked in the preview, centering the text. But when I saved and viewed it, the text was raised to “top’ position in all cells.
I believe that WP or the Weaver theme is somehow overriding the commands in the page. Really, the table made with the css commands was just a test table. I also made a table with tinyMCE and its commands were also over-ridden by something else. But below is the code for the table that’s on the sample page:
https://www.proofthroughthenight.org/courses/politicsforpower/p14/
[ Code block corrected. Please use the backtick and not single quote. ]
<p>?</p>
<style><!--
table, td, th
{
border:1px solid black;
}
td {
height: 150px;
vertical-align: center;
}
--></style>
<p>?</p>
<p>?</p>
<table>
<tbody>
<tr><th>Firstname</th><th>Lastname</th><th>Savings</th></tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
<td>$100</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
<td>$150</td>
</tr>
<tr>
<td>Joe</td>
<td>Swanson</td>
<td>$300</td>
</tr>
<tr>
<td>Cleveland</td>
<td>Brown</td>
<td>$250</td>
</tr>
</tbody>
</table>
