indent wrapped text

Question

So I\'m simulating a table layout with a div and a couple spans inside it. I\'d like the span on the right to indent any text that wraps. I\'ve tried a few things and can\'t ge

Answer 1

The CSS 3 draft specifies a hanging indent. If supported by Browsers, the following should work:

.hanging-indent
{
  text-indent: 3em hanging each-line;
}

Unfortunately neither hanging nor each-line values are currently supported in modern browsers as the specification for CSS Text Module Level 3 is still a Draft.

The feature is implemented with a browser specific prefix for WebKit and Chromium. For Firefox there is an open Bug you may vote on.