Text-Indent Examples
This paragraph has a default left margin. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.
__________
Text Indent 5em
p { text-indent: 5em; }
This paragraph is set with a text-indent of 5em. This paragraph is set with a text-indent of 5em. This paragraph is set with a text-indent of 5em. This paragraph is set with a text-indent of 5em. This paragraph is set with a text-indent of 5em. This paragraph is set with a text-indent of 5em. This paragraph is set with a text-indent of 5em. This paragraph is set with a text-indent of 5em.
__________
Text Indent Negative 2em With Left Margin of 2em
#minustwo {
text-indent: -2em;
margin-left: 2em;
}
This paragraph is set with a text-indent of negative 2em and a margin-left of 2em. This paragraph is set with a text-indent of negative 2em and a margin-left of 2em. This paragraph is set with a text-indent of negative 2em and a margin-left of 2em. This paragraph is set with a text-indent of negative 2em and a margin-left of 2em. This paragraph is set with a text-indent of negative 2em and a margin-left of 2em. This paragraph is set with a text-indent of negative 2em and a margin-left of 2em.
__________
Text Indent Negative 2em With No Margin Setting
#offpage {text-indent: -2em;}
This paragraph is set with a text-indent of -2em without any left margin setting. The first line of text disappears beyond the left side of its containing element. This paragraph is set with a text-indent of -2em without any left margin setting. The first line of text disappears beyond the left side of its containing element. This paragraph is set with a text-indent of -2em without any left margin setting. The first line of text disappears beyond the left side of its containing element.