Hanging Indents
To create the effect of a hanging indent, as you might see on a resume item or a works cited page or reference list, you just use a negative text indent value with the same, but positive value on the left padding value:
p.reference {
text-indent: -50px; /*Negative indent*/
padding-left: 50px; /*Push the text back in an equal amount*/
}
(Normally, though, reference lists and
resume items would be in lists; the paragraph example is just
used here for convenience of illustration.) Any
<p class="reference">
would display something
like:
Berners-Lee, Tim, & Fischetti, Mark. (2000). Weaving the Web: The original design and ultimate destiny of the World Wide Web. New York: HarperBusiness.