JBVisions of Thatcham Berkshire

If we apply a text-indent to a paragraph, it will indent the first line of the paragraph as follows:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex

However, we can apply a negative amount to the indent which results in the first line being "outdented" as follows:

Lorem: ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex

If you place this code in the normal flow of your page, there is every likelihood that the "outdented" portion will drop off the left of the page or disappear under a left hand menu as you can see above. In order to prevent this, you need to put the paragraph in its own div with plenty of padding as below. How much padding will depend on how deep your "outdent" is.