Как выровнять текст по центру в таблице?

Question

[KrupAch]

Добра и здоровья желаю всем.
Уважаемые знатоки, подскажите пожалуйста, как выровнять текст в таблице?
Хочу сделать заголовки в таблице: Время, Компания, Тема

<div class="table-wrap">
        <table class="table-1">
          <tr>
            <th class="time">Время</th>
            <th class="Kompany">Компания</th>
            <th class="theme">Тема</th>
          </tr>
          <tr>
             <td>Текст_1</td>
            <td>Текст_2</td>
            <td>Текст_3</td>
          </tr>
          <tr>
             <td>Текст_1</td>
            <td>Текст_2</td>
            <td>Текст_3</td>
          </tr>
          <tr>
            <td>Текст_1</td>
            <td>Текст_2</td>
            <td>Текст_3</td>
          </tr>
        </table>
      </div>

Пробовал

th.theme {
    text-align: center;
}

Но текст не становится по центру и жирнее.
Что делаю не так?
Спасибо.

Comments

[Ankhena]

Но текст не становится по центру и жирнее.

Дело в том, что у th есть стили по умолчанию: жирный текст по центру
Так что, даже если вы вообще ничего не напишете, он будет по центру
https://jsfiddle.net/q8v6uk2g/
Жирность убирается свойством font-weight, вот так https://jsfiddle.net/cw6jxhry/

И всё это значит, что то, что вы показали это не единственные стили примененные к этим элементам.
Сделайте песочницу на jsfiddle.net, дайте ссылку на сайт или самостоятельно, через инструменты разработчика посмотрите что перебивает ваши стили.

Answer 1

[Spartak (Web-StyleStudio)]

table.table-1 th.time, 
table.table-1 th.Kompany, 
table.table-1 th.theme {
	text-align: center;
	font-weight: normal;
}