[RbnJrg]

Originally Posted by Ghitulescu

What am I doing wrong?

Your code is ok but if you want the things work under most ereaders, then don't use <span> but <p> tags. Of this way:

1. In your .css stylesheet:

p {
   text-align: justify;
   margin: 0;
}

.SideNote {
   float: left;
   width: 25%;
   font-size: 0.7em;
   font-weight: bold;
   text-indent: 0;
   text-align: left;
   margin: 5px 10px 3px 0;
}

2. In your .xhtml file use:

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

  <p>Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc. Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula. Praesent orci dui, pulvinar id convallis a, faucibus non mauris. Donec tellus augue, tempus sed facilisis sed, fringilla quis leo.</p>

In ADE, these are the results:



Below I attach the respective .epub

Regards
Rubén