[RbnJrg]

Originally Posted by Toxaris

I am trying to achieve this effect, but it doesn't really work out like I want to. No problem in Sigil and Calibre of course, but not in ADE and I want it also to work there as this gives a little more chance it will work on a reader.
The effect I am after is:


The only way I seem to make it work is via a table and ugly code. There must be something easier that is still ePUB2 compliant...

The following solution works fine for me under ADE:

1. In your .css stylesheet write:

h2 {
   text-align: right;
   margin-top: -1em;
   margin-bottom: 2.5em;
   font-size: 1.4em;
   border-bottom: 2px solid;
   height: 2em;
}

.text {
   float: right;
   width: 2.25em;
   line-height: 3em;
   font-size: 1.4em;
   font-family: serif;
   background: white !important;
}

p {
   text-align: justify;
   text-indent: 0em;
}

2. In your .xhtml file write:

<h2><span class="text">1999</span></h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus.</p>

This is how it looks under ADE 3.0:



Below you can check the respective epub.

Regards
Rubén