So I am using images for my chapter headings for my book. To make sure they will display alright across different platforms, I've made the width 500px. Because of this, the image does not take up the whole width on some platforms like the iPad.
I need to center all of these images. What I was doing before was going in to all the XHTML files and putting in <div align="center"> tags. This displayed the images exactly how I want them.
I noticed that once I tried to validate my epub, there were errors in the use of my align tags.
Upon further reading, it looks like I need to apply object styles to my images in inDesign, that does this alignment. I am able to apply the object style, but when I look at my CSS file, it recognizes the style, but has no attributes to it (I read this is a common problem.)
so in my CSS file, it looks like this:
div.center-image {
}
And in the XHTML file, is applies the style to the images correctly.
Can anyone recommend what I should put in for code for this CSS, I've tried a few different things, but I haven't really used object styles until now. Any help would be greatly appreciated.
Thanks