Hanging Indents

Migrated from viso.myfreeforum.org/Hanging_Indents_about13.html (June 25, 2008)

Finally figured this out. The Brown University Fellowship application had a bunch of checkboxes that needed a hanging indent.

See www.pcsitter.info/lessons/hangingindent.htm for real example.

Works in IE & Firefox.

STYLE:
 
<style type="text/css">
 <!--
   div {
     padding-top: 5px;
     padding-bottom: 5px;
     padding-right: 5px;
     padding-left: 30px;
     border: 3px solid;
   }
   p.hangingIndent {
     text-indent: -25px;
   }
 -->
 </style>

HTML CODE:

<div>
<p>  autumn of last year, and found him in deep conversation with a very
 stout, florid-faced elderly gentleman, with fiery red hair.  With
 an apology for my intrusion, I was about to withdraw, when Holmes
 pulled me abruptly into the room and closed the door behind me.</input>

</div>

<div>
<p>  autumn of last year, and found him in deep conversation with a very
 stout, florid-faced elderly gentleman, with fiery red hair.  With
 an apology for my intrusion, I was about to withdraw, when Holmes
 pulled me abruptly into the room and closed the door behind me.</input>

</div>

<div>
<p>  autumn of last year, and found him in deep conversation with a very
 stout, florid-faced elderly gentleman, with fiery red hair.  With
 an apology for my intrusion, I was about to withdraw, when Holmes
 pulled me abruptly into the room and closed the door behind me.</input>

</div>

 

What did you think of this article?




Trackbacks
  • No trackbacks exist for this post.
Comments
  • No comments exist for this post.
Leave a comment

Submitted comments are subject to moderation before being displayed.

 Name (required)

 Email (will not be published) (required)

Your comment is 0 characters limited to 3000 characters.