HTML将文本中心对齐在同一行

Question

我试图在我的table中调整我的文字，我想知道这是怎么做的。

我的代码：

<table class="n">
<tbody>
<tr>
<td style="text-align:center"><strong>TITLE</strong></td>
<td style="text-align:center"><strong>TITLE</strong></td>

</tr>
<tr>
<td style="text-align:center">A</td>
<td style="text-align:center"><strong>MESSAGE TEST</strong></td>
</tr>
<tr class="alt">
<td style="text-align:center">C</td>
<td style="text-align:center"><strong>message test lasdadlong</strong></td>

</tr

Fiddle

无论如何编辑文本所以一切都从同一行开始？

期望的输出：

Answer 1

<强>解决方案：

• 从text-align:center
中的上一个td删除tr

备注：

避免使用内联CSS，使用外部CSS

＆＃13;

＆＃13;

tr td:first-of-type {
  text-align: center
}

＆＃13;

<table class="n">
  <tbody>
    <tr>
      <td><strong>TITLE</strong>
      </td>
      <td><strong>TITLE</strong>
      </td>
    </tr>
    <tr>
      <td>A</td>
      <td><strong>MESSAGE TEST</strong>
      </td>
    </tr>
    <tr class="alt">
      <td>C</td>
      <td><strong>message test lasdadlong</strong>
      </td>
    </tr>
  </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 2

<center><table class="n">
<tbody>
<tr>
<td style="text-align:center"><strong>TITLE</strong></td>
</tr>
<tr>
<td style="text-align:center"><strong>MESSAGE TEST</strong></td>
</tr>
<tr class="alt">
<td style="text-align:center"><strong>message test lasdadlong</strong></td>
</tr></center>

我已将您的代码编辑为您提到的图像，将Post再次编辑为中心的稳定表格。希望它适合你。