私はテーブルの中にテキストを水平に配置したいのですが、それを左に揃えたい[HTML/CSS]

Question

私のサイトにはいくつかのテーブルがあり、その外観を改善する方法を探しています。

あなたは上の写真で見ることができるようにこれは、現在、私のテーブルは、私はこの外観を実現しようとしている（http://prntscr.com/gpa4w6）

どのように見えるか、テキストが列に（http://prntscr.com/gpa52q）

を中心としています左に揃えられています。私はそれをどうやって行っていくのですか？

echo "<tr><td>".$data['BanID']."</td>"; 
echo "<td>".$data['Name']."</td>"; 
echo "<td>".$data['Reason']."</td>"; 
echo "<td>".$data['Date']."</td></tr>";} 

Answer 1

左揃えを残して左パディングを追加すると、これは実現できるようです。

Answer 2

テーブルには、tbadとtbootが必要です。それから、第1要素を整列中心とし、第2要素を左揃えに整形します。

<table> 
    <thead> 
     <tr> 
     <th>Content</th> 
     <th>Content</th> 
     <th>Content</th> 
     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
     <td>Content</td> 
     <td>Content</td> 
     <td>Content</td> 
     </tr> 
    </tfoot> 
    <tbody> 
     <tr> 
     <th>Content</th> 
     <th>Content</th> 
     <th>Content</th> 
     </tr> 
    </tbody> 
</table> 

そして、あなたのCSSは魔法を行います！

table > thead > tr > th { text-align: center;} 
table > tbody > tr > td { text-align: left; }