MobileRead Forums - View Single Post

JohnnyW · 09-03-2014, 12:50 PM

I have some really simple CSS styles that work fine in the Kindle preview software, and on my actual Kindle Paperwhite, but when I send it to my iPad/iPhone and use the Amazon Kindle App, they don't work.

For example...

The CSS:

Code:

    #copyright p {
        text-align: center;
    }

The HTML:

Code:

    <div id="copyright">
      <p>©2014 Author's Name</p>
    </div>

The output is centered in the Kindle Previewer, and on actual Kindle Paperwhite, but left aligned in the iOS app.

Another example:

CSS:

Code:

    p.author-s-voice {
        font-style: italic;
        text-indent: 1.2em;
    }

HTML:

Code:

    <p class="author-s-voice">Lorem ipsum dolor sit amet, consectetur....</p>

The output is italicized in the Kindle Previewer, and on actual Kindle Paperwhite, but not in the iOS app.

This seems like really basic styling, why is it being ignored by the Kindle app?

09-03-2014, 12:50 PM	#1
JohnnyW Junior Member Posts: 7 Karma: 10 Join Date: Jun 2013 Device: Kindle Paperwhite	Basic CSS not working in Kindle iOS App I have some really simple CSS styles that work fine in the Kindle preview software, and on my actual Kindle Paperwhite, but when I send it to my iPad/iPhone and use the Amazon Kindle App, they don't work. For example... The CSS: Code: #copyright p { text-align: center; } The HTML: Code: <div id="copyright"> <p>©2014 Author's Name</p> </div> The output is centered in the Kindle Previewer, and on actual Kindle Paperwhite, but left aligned in the iOS app. Another example: CSS: Code: p.author-s-voice { font-style: italic; text-indent: 1.2em; } HTML: Code: <p class="author-s-voice">Lorem ipsum dolor sit amet, consectetur....</p> The output is italicized in the Kindle Previewer, and on actual Kindle Paperwhite, but not in the iOS app. This seems like really basic styling, why is it being ignored by the Kindle app?