对齐html表中的文本

Question

我是CSS新手，我有一个html表，如下所示

+-------------------------------+---------------------+
|Text Sample                    | text                |
+-------------------------------+---------------------+
|Text Sample Sample             | text                |
+-------------------------------+---------------------+

我想更改Text1s的对齐方式如下：

+-------------------------------+---------------------+
|          Text Sample          | text                |
+-------------------------------+---------------------+
|          Text1  Sample Sample | text                |
+-------------------------------+---------------------+

如何使用CSS完成此操作？

Answer 1

您是否只想缩进每个表格行的第一个单元格？如果是这样，一种方法就是这样：

tr td:first-child { padding-left: 30px }

（或插入您自己的值）

Answer 2

您可以考虑为td：first-child

添加margin-left

// style.css
td:first-child { margin-left: 30px; }