Inverse text-indent with margin and padding on paragraphs

First version: 20050922

Purpose

Using a padding-left on a block element and setting its margin-left value to the negative of that padding, the inverse of text-indent can be achieved.

I tried setting a negative text-indent on the :first-line, but that did not work. The CSS specification does not require margin properties to apply to :first-line.

Example

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel mi eget lacus vestibulum vestibulum. Donec adipiscing lacus. Nunc massa. Cras at leo. Mauris semper cursus magna.

Curabitur enim erat, sodales sit amet, sagittis tincidunt, varius id, nunc. Donec molestie. Nulla tincidunt tincidunt dui. Nullam gravida ligula et quam. Nunc felis nisi, feugiat id, aliquet sit amet, facilisis vitae, neque.

Nunc tristique tempor sem. Suspendisse dui tortor, dignissim vel, placerat ut, aliquam sed, risus. Aenean turpis nulla, vehicula sit amet, consequat sit amet, molestie at, risus. Sed sed justo.

Proin felis nulla, posuere sit amet, blandit a, malesuada id, mi. Praesent cursus orci sit amet metus. Vivamus sagittis posuere nulla. Etiam tempus varius dolor. Integer orci sapien, cursus vehicula, ultricies a, facilisis in, metus. Suspendisse potenti.