View Single Post
Old 03-31-2015, 09:09 AM   #8
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,801
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Hi Michael;

Maybe there is an easier way to get what you want. I works perfectly under ADE 3.0 so I think it should also work on RMSDK ereaders. The code I used was:

1. In the .xhtml file:

Code:
  <p class="fl">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

  <p class="sc">This is the second line</p>
2. In the .css file:

Code:
.fl {
    display: inline;
    margin-bottom: 0em;
    text-align: justify;
}

.sc {
    display: inline;
    position: relative;
    top: 1.2em; /*This position must be linked with the line-height you are using; take in count that */
}
As you can see, we only need to use the property "display: inline" to the the desired effect. This is how it looks in Sigil and ADE 3.0 (ADE with two size of fonts):

Click image for larger version

Name:	Image1.png
Views:	273
Size:	66.3 KB
ID:	136636 Click image for larger version

Name:	Image2.png
Views:	278
Size:	25.3 KB
ID:	136637 Click image for larger version

Name:	Image3.png
Views:	279
Size:	35.6 KB
ID:	136639

Below you can check the respective .epub.

Regards
Rubén

UPDATE: If you want to consecutive stanzas with that format, then you need to enclose them in a <div> block with the property "display: block"; so you'd need to use the following styles:

Spoiler:

Code:
.bl {
    display: block;
    margin-bottom: 1.2em;
}

.fl {
    display: inline;
    margin-bottom: 0em;
    text-align: justify;
}

.sc {
    display: inline;
    position: relative;
    top: 1.2em;
}


and in the .xhtml file:

Spoiler:

Code:
  <div class="bl">
    <p class="fl">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

    <p class="sc">This is the second line</p>
  </div>

  <div class="bl">
    <p class="fl">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

    <p class="sc">This is the second line</p>
  </div>


This is how it looks under ADE:

Click image for larger version

Name:	Image4.png
Views:	293
Size:	35.0 KB
ID:	136640

Also I attach a new .epub.
Attached Files
File Type: epub Poetry Aligment.epub (2.2 KB, 197 views)
File Type: epub Poetry Aligment II.epub (2.2 KB, 184 views)

Last edited by RbnJrg; 03-31-2015 at 10:27 AM.
RbnJrg is offline   Reply With Quote