The title more or less says it all. I've been trying to get text to wrap around the images. It works in the Sigil preview, but when I try to open the file in an epub reader, it doesn't work. What happens instead is that the image is inline with the first line of the text. The rest of the text is below the image. Help?
CSS:
div.img {
display: block;
}
img.left {
float: left;
display: block;
margin: 0 .7em .4em .3em;
}
XHTML:
<div class="img">
<img class="left" align="left" alt="Chemestry" src="../Images/hopesprings01.png"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper pulvinar odio, quis egestas sapien vestibulum quis. Vivamus pretium quis nisl vulputate pulvinar. Morbi et sodales neque, a consectetur sem. Aenean et tristique sapien. Cras a orci imperdiet, tincidunt mauris et, semper augue. Praesent gravida sem ut magna luctus fringilla. Duis quis lorem a nisl semper eleifend. Vestibulum eget nunc urna.<br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper pulvinar odio, quis egestas sapien vestibulum quis. Vivamus pretium quis nisl vulputate pulvinar. Morbi et sodales neque, a consectetur sem. Aenean et tristique sapien. Cras a orci imperdiet, tincidunt mauris et, semper augue. Praesent gravida sem ut magna luctus fringilla. Duis quis lorem a nisl semper eleifend. Vestibulum eget nunc urna.
</div>