HTML Table not rendering properly in Dawn theme

Developer help
1

I’m trying to make a table that looks like this:

image
image702×210 8.68 KB

And this is my code:

<style>
table.reviewtable {
  margin:auto;
  width: 100%;
  border-width: 1px;
  border-color: #6b6b6b;
  border-style: solid;
}

table.reviewtable td, table.reviewtable th {
  border-width: 1px;
  border-color: #6b6b6b;
  border-style: solid;
  padding: 3%;
}

td.reviewinfo {
font-weight:600;
}
</style>

<table class="reviewtable">
    <tr>
      <td class="reviewinfo">Title in Chinese</td>
      <td>XXX</td>
    </tr>
    <tr>
      <td class="reviewinfo">Author</td>
      <td>XXX</td>
    </tr>
    <tr>
      <td class="reviewinfo">Genre</td>
      <td>Comedy, Romance</td>
    </tr>
    <tr>
      <td class="reviewinfo">My Rating</td>
      <td>4.5 / 5</td>
    </tr>
</table>

But when I put it in a post in the dawn theme, I get something like this:
image

Is there something I’m doing wrong?

Edit: I’m not a developer btw… I just know some highschool html and CSS