[RyanMcSwain]

EDIT: I figured it out! https://www.mobileread.com/forums/sho...54&postcount=7

I have what appears to be a very specific problem in creating my ePub. I've been wrestling with it all day, and I can't find a solution. I've managed to get them to float left as a drop cap, but the formatting gets wonky so I'd rather keep them raised.

I'm attempting to use images as raised drop caps followed by small caps, but no matter what I do I get a line break following the image. I was able to get it to work in my mobi, but I can't get it to work across ePub devices (I'm testing on the iPhone) (edit: specifically in iBooks). I've tried using different classes and a million other solutions, and I'm out of ideas.

Here's the relevant css:

.scrivener15 {
font-variant: small-caps
}
.dropfix {
float:none; 
width: 25%;
}

Here's a sample of the html:

<div class="dropfix"><img alt=" " src="../Images/o-drop-cap-quote.gif" width="100%" /></div>

  <p class="scrivener15">f course it’s going to hurt.”</p>

I created the file with Scrivener and I'm tweaking it in Sigil.

Any help would be very appreciated. I guess I can experiment with removing the small caps, but I'd like to keep them if possible. Thanks!