Sunday, May 25, 2014

Reverse Indent CSS code for APA References Etc.

I was making a webpage for a Web 2.0 assignment, when I realized that I didn't know how to make a decent looking reverse indent without adding a bunch of uncool &nbsp; after a <br/>.
So, here is a good reverse indent that looks clean and will comply with the APA style:
<p style="text-indent: -40px; padding-left: 40px; ">     </p>
So, this:
Fleming, G. (2013). Calculating Reading Level With the Flesch-Kincaid Scale. Retrieved from http://homeworktips.about.com/od/homeworkhelp/a/readinglevel.htm

Would look like:

Fleming, G. (2013). Calculating Reading Level With the Flesch-Kincaid Scale. Retrieved from http://homeworktips.about.com/od/homeworkhelp/a/readinglevel.htm.

Thanks to it.toolbox.com for the original code. I changed out the numbers to make the indent more pronounced in keeping with the APA format.