Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Basic css styles for Kindle html
h1 { margin-top: 1em; }
h2 { margin-top: 0.8em; }
h3 { margin-top: 0.7em; }
h4, h5, h6 { margin-top: 0.5em; }
p {
text-indent: 0; /* no indentation for the first line */
margin-top: 0.3em; /* adjust top margin for paragraph */
}
/* chapter and supchapters in an eventual TOC */
div.chapter {margin-left: 1em;}
div.subchapter {margin-left: 2em;}
<html>
<head>
<title>Article Title</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="http://filippo.github.com/stuff/kindle.css" />
</head>
<body>
<div>Section 1</div>
<div class="chapter"><a href="#chapter1">Chapter 1</a></div>
<div class="chapter">Chapter 2</div>
<div class="chapter">Chapter 3</div>
<div class="subchapter">Subchapter 1</div>
<div class="subchapter">Subchapter 2</div>
<div class="chapter">Chapter 4</div>
<div class="subchapter">Subchapter 1</div>
<div>Section 2</div>
<a name="chapter1" /><h1>Chapter 1</h1>
<p>Example of embedded video:
<video id="optional_id" src="audiovideo/movie.mp4" controls poster="play.jpg" title="Video about... (5:20)">
<br /><br /><br />"There is video content at this location that is not supported by your device. The caption for this content is displayed below."<br /><br /><br />
</video>
<br />Video about... (5:20)<br />
</p>
</body>
</html>
@filippo

This comment has been minimized.

Copy link
Owner Author

commented Nov 1, 2011

Based on what I found on the "Amazon Kindle Publishing Guidelines".

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.