css - HTMLテーブル内のテキストを揃える

Question

私はCSS初心者です、以下に示すようなhtmlテーブルがあります

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

Text1の配置を次のように変更したい：

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

これはCSSを使用してどのように行われますか？

Answer 1

すべてのテーブル行の最初のセルをインデントしようとしていますか？もしそうなら、それを行う1つの方法は次のようになります：

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

（または独自の値を挿入）

Answer 2

td：first-childにmargin-leftを追加することを検討してください。

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