テキストアラインメントは、​​のために働いていますが、<th>のために

Question

私はテーブルの中にテキストを整列させようとしています。しかし、それはtdのためだけに働きますが、thのためには働きません。私はあなたの目はどこかに上書きされている疑いがある

table { 
 
    width: 100%; 
 
    border-collapse: separate; 
 
    text-align: center; 
 
} 
 
th, 
 
td { 
 
    border-bottom: 1px solid #ddd; 
 
    padding: 30px; 
 
    text-align: center; 
 
}

<table> 
 
    <tr> 
 
    <th><font size=6>Item name</font> 
 
    </th> 
 
    <th><font size=6>Brand</font> 
 
    </th> 
 
    <th><font size=6>Category</font> 
 
    </th> 
 
    <th><font size=6>Price</font> 
 
    </th> 
 
    <th><font size=6>Date of purchase</font> 
 
    </th> 
 
    </tr> 
 
    <tr> 
 
    <td><font size=4>{{ wish[4] }}</font> 
 
    </td> 
 
    <td><font size=4>{{ wish[6] }}</font> 
 
    </td> 
 
    <td><font size=4>{{ wish[5] }}</font> 
 
    </td> 
 
    <td><font size=4>{{ wish[7] }}</font> 
 
    </td> 
 
    <td><font size=4>{{ wish[3] }}</font> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

：

HTMLテーブルの& CSS、目、TD。

私はそれをお勧めしませんが、これを行うことができます。

Answer 2

正常に動作しているようです。それ以外のCSSコードは他のCSSコードと矛盾している必要があります。

属性値の後に!importantを使用できます。それは正常に動作するはずです。