Quote:
Originally Posted by degn
Hi. See the red line in the attached picture. How can I make special indentation for 2. (and following) line(s) like the one shown in the picture? Also I need all the ":" (colons) to be aligned. Regards.
|
The second and subsequent line indentation is easily done with a hanging indent, done with a negative indent smaller than the margin. Here is one random example I often use:
Code:
.verse {
display: block;
font-size: 1em;
font-style: italic;
line-height: 1.2;
margin-bottom: 0.1em;
margin-left: 3em;
margin-top: 0;
text-align: left;
text-indent: -2em;
}
As far as the colons being aligned, I'm afraid you're looking at doing a table, but maybe someone else knows a less tricky way. For a table to be really readable on a small-screen ereader, it has to be pretty small and simple and is difficult to construct so that it maintains coherence over a wide choice of font sizes a user might choose...at least that is my experience.