View Single Post
Old 09-02-2019, 07:06 PM   #2
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,799
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Why don't use a negative indent? Something like:

Code:
.negindent {
   margin-left: 2em;
   text-indent: -2.0em;
}
and

Code:
<p class="negindent">162. —How do you do?<br/>—How do you do?</p>
It seems to work.

Click image for larger version

Name:	Image1.png
Views:	380
Size:	106.0 KB
ID:	173201

Regards
Rubén

EDIT: What are you working with? Epub2? Epub3? And of course always you have the choice of using the "float: left" property for the number. Just give the class a proper height for example:

Code:
.nfloat {
   float: left;
   height: 4em;
   background: khaki;  /* remove this */
}
and

Code:
<p><span class="nfloat">162. </span>—How do you do?<br/>—How do you do?<br/>—Please a coffe.</p>
Click image for larger version

Name:	Image1a.png
Views:	389
Size:	108.5 KB
ID:	173202

Add also a proper right margin to the floated number.

Last edited by RbnJrg; 09-02-2019 at 07:48 PM.
RbnJrg is offline   Reply With Quote