Thanks for the comments. And to clarify: I'm using drop caps (spanning two lines). The result looks good in iBooks:
but strange in Google Play Books (the L is displaced upwards):
Can I somehow fix the code so both readers give a nice result? Or do I need two separate epub-files, one for each reader?
Quote:
<p class="tekstdropcap"><span class="dropcap3"><span class="quotestart">”</span>L</span>orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<span class="quoteend">“</span></p>
|
Quote:
.
tekstdropcap {
color: black;
font-size: 1em;
line-height: 1.2;
text-indent: 0;
margin: 0;
padding-left: 0;
}
.dropcap3 {
color: black;
float: left;
font-size: 2.55em;
line-height: 1;
margin-bottom: -0.273em;
margin-right: 0.05em;
margin-top: -0.01em;
}
.quotestart {
color: grey;
font-size: 0.6em;
vertical-align: -0.46em;
text-align: left;
}
.quoteend {
color: grey;
font-size: 1.4em;
line-height: 0.6;
vertical-align: -0.1em;
}
|