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

Question

I was trying to align my text in my table and I'm wondering how do this.

My code:

 <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

is there anyway of edit the text so everything start at the same line ?

Desired output:

Answer 1

Solution:

• remove text-align:center from last td in each tr

Notes:

Avoid inline CSS, use external CSS

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

 <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> 

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> 

I have edited your code as your mentioned image, Post again edited to stable table on center. Hope it works for you.