Apostrophe in front of Unical

[degn]

How can I place an apostrophe in front of an unical? Se red circle in picture.

My current unical3 is set by:
.unical3 {color: black; float: left;font-size: 2.55em;line-height: 1;margin-bottom: -0.273em;margin-right: 0.05em;margin-top: -0.074em;}

Regards in advance!

[PatStapleton]

This CSS selector might work?

https://www.w3schools.com/cssref/sel_before.asp

[hobnail]

Uncial?

[DNSB]

What you have in the red circle? Looks more like a closing double curly quote than an apostrophe. You are going to have to wrap it in some CSS to move it higher and probably a touch larger if it was supposed to precede the S. It will need to be moved inside the unical3 style and then vary from there.

i.e. <span class="unical3">“S</span> for a starter and then do a style for the “ to position/size it to your tastes. You will need to include the " inside the unical3 span as the float:left; will move the quote mark to allow the letter to float left.

<span class="unical3><span class="quoteunical">“</span>S</span> where the quoteunical style might make the “ a bit smaller, play with the vertical alignment and possibly a grey rather than black.

Another option with quite a bit of history behind it is simply to omit the opening quote when using a drop cap.

@hobnail: I'm tempted to say that he is not using an uncial font. Perhaps unical is the Danish equivalent of dropcap?

[Quoth]

Hmm. Danish isn't like US or British English.
Scroll down to Danish
https://en.wikipedia.org/wiki/Quotat...#Summary_table

It's subscript closing quotes, text, super opening:
„Kom med mig for kaffe“

[DNSB]

Originally Posted by Quoth

Hmm. Danish isn't like US or British English.
Scroll down to Danish
https://en.wikipedia.org/wiki/Quotat...#Summary_table

It's subscript closing quotes, text, super opening:
„Kom med mig for kaffe“

Thanks. I'll add that to the list of trivial information that I sometimes wish I could forget.

[degn]

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?

<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>

.
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;
}