将单元格中心内的内容对齐，但保持文本左对齐

Question

我在寻找一些html帮助。我将如何去移动一个文本块集中在一个单元格内，但也保持其对齐保持不变。我不希望文本显示全部居中，因为我将使用无序列表。我只是希望将文本块移入单元格的中心。当前场景的

例子： http://jsfiddle.net/AygnN/

Answer 1

<table id="sub-content" style="width: 100%;"> 
    <tbody> 
    <tr> 
     <th>Departments</th> 
     <th>KPI Types</th> 
     <th>Bonus</th> 
    </tr> 
    <tr> 
     <td> 
     <ul> 
      <li>dfgsdgfdfg</li> 
     </ul> 
     </td> 
     <td> 
     <ul> 
      <li>sdfgsdfgsdfg</li> 
     </ul> 
     </td> 
     <td> 
     <ul> 
      <li>sdgsdfgsdffgsdgf</li> 
     </ul> 
     </td> 
    </tr> 
    </tbody> 
</table> 

如果你有<h1>的标签，列标题，你应该用实际的表头（<th>标签）。现在，在CSS，你可以说：

th { text-align:center; } 

编辑：

#sub-content td{ padding:0px 60px; } 

，所有表格的标题将居中，而表中的所有名单将左对齐。

这种方法更加标准。

JSFiddle

Answer 2

你可以把文字股利和主机表格单元格内的股利。文本将遵循div中指定的CSS样式，因为div本身将位于单元格的中心。

你给出的例子做的是同样的事情。它将细胞分成多个细胞，并将文本置于中间。