htmlテーブルのtdと等しいスペース

Question

私は以下のようなHTMLテーブルを持っていて、tdスペースを同じにしたいと思います。最初のname Jean Claud Anita Gothはかなり長く、grade 5を押しのけます。長い名前はラップする必要があります。それが今

Name    Class 
Frew Amamde   5   
    Jean Claud Anita Goth  5 

私は

Name    Class 
Frew Amamde   5   
Jean Claud Anita  5 
Goth   

HTML

<table class="table" id="tables"> 
 
    <thead> 
 
    <tr> 
 
     <th></th> 
 
     <th>Name</th> 
 
     <th>Class</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <td>Jean Claud Anita Goth</td> 
 
    <td>grade 5</td> 
 

 
    <td>Frew Amamde</td> 
 
    <td>grade 5</td> 
 

 
    </tbody> 
 
</table>

欲しいどのように見えるか

HTMLコード内のエラーに起因だ

Answer 1

：空th要素（消去する）とヘッダーの下の行の欠落trタグは、（追加する）：

th { 
 
text-align: left; 
 
} 
 
td, th { 
 
padding: 0px 10px; 
 
}

<table class="table" id="tables"> 
 
    <thead> 
 
    <tr> 
 
     <th>Name</th> 
 
     <th>Class</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Jean Claud Anita Goth</td> 
 
     <td>grade 5</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Frew Amamde</td> 
 
     <td>grade 5</td> 
 
    </tr> 
 
    </tbody> 
 
</table>