我想居中放置桌子的位置，但是我不会成功，为什么？

Question

我想居中放置桌子位置，但是我不会成功，为什么？

我描述了scss并确认了显示，但是表的布局没有改变。

# app/assets/stylesheets/confirm_csv.css.scss

h1 {
  color: #FF0000;
}

.csv_center{ 
  text-align: center;
}

table th {
  text-align: center;
}

table td{
  text-align: center;
}

# views/filters/confirm_csv.html.erb

<%= stylesheet_link_tag "confirm_csv", :media => "all" %>
<h1>登録確認画面</h1>

<%= button_tag 'yes', type: 'button', id: 'import', onclick: 'result()' %>
<%= button_tag 'no', type: 'button', id: 'import', onclick: 'window.close()' %>
<div class="csv_center">
  <table border="1">
    <thead>
      <tr>
    <th>a</th>
    <th>b</th>
    <th>c</th>
      </tr>
    </thead>

    <tbody>
      <% @table.each do |row| %>
        <tr>
      <td><%= row[:a] %></td>
      <td><%= row[:b] %></td>
      <td><%= row[:c] %></td>
        </tr>
      <% end %>
    </tbody>
   </table>
</div>

<script>
    function result() {
        alert('importしました')
        window.close()
    }
</script>

我描述了scss并确认了显示，但是应用了h1标签，但更改不适用于表