Question

I am a CSS newbie, I have a html table as given below

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

I want to change the alignment of Text1s as below :

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

How this be done using CSS?

Answer 1

Are you just trying to indent the first cell of every table row? If so, one way to do it would be like so:

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

(or insert your own value)