Question

I am creating a table in a html document. If the text is too long in a cell, I want it to wrap on to a new line (no problem). What I am struggling to achieve is making the text on the new line(s) to be indented.

E.g. instead of

A very long bit |
of text in this |
table           |

I want:

A very long bit |
   of text in   |
   this table   |

Is it possible to achieve this in CSS or other means?

Answer 1

td {
   text-indent: -4.0em;
   padding-left: 4.0em;
}

This indents the entire cell text and then pulls the first line back to the original left side.