Thread: hanging indent
View Single Post
Old 11-12-2010, 05:06 PM   #1
Oldpilot
Groupie
Oldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with othersOldpilot plays well with others
 
Posts: 184
Karma: 2572
Join Date: Aug 2010
Device: Kindle
hanging indent

I have a bibliography in my most recent project, and I called for a hanging indent in the html. It looks just fine on the Kindle, but when I converted the mobi file to an epub on Calibre, then opened it in Sigil for tweaking, the hanging indent turned out to be normal paragraphing set in from the left margin. Here's the relevant code from the stylesheet:

.calibre18 {
border-bottom: 0;
border-top: 0;
display: block;
margin-bottom: 0;
margin-left: 22px;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
text-align: justify;
text-indent: 1.5em
}


I reckon I should get rid of margin-left: 22px; but how do I transform the normal indentation to a hanging indent? By changing text-indent: 1.5em to text-indent: -22px; ?

While on the subject of CSS, if I want a paragraph to be ragged right, would I change text-align: justify; to text-align: left; ?

Thanks!
Oldpilot is offline   Reply With Quote