Quote:
Originally Posted by oiver55
Okay I have tried it out and your epub works both in the sigil previewer and kindle previewer standing alone, but when I insert it in my epub it looks right, in the sigil book view mode but when I preview it in kindle previewer, the same thing happens. The text just shoots right up to the top.
Here is a look at the code above and below your code:
Code:
<div style="page-break-before:always;"></div>
<div id="content">
<div class="middle_row">
<p class="middle_cell">Your Text<br />
Centered Here</p>
</div>
</div><!--
FOOD FOR THOUGHT
Did you know that of all the countless creatures that inhabit planet earth, that man is the only one who destroys his food with heat and chemicals before he eats it? And that consequently, man is the only one who needs so many hospitals?
-->
<div style="page-break-before:always;"></div>
|
You don't need to use "page-break: before" and "page-break: after". Just write the code in a new .xhtml; so you should have to have something like:
Code:
<?xml version="1.0" encoding="UTF-8" standalone="no" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title/>
<link href="../Styles/Style0001.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="content">
<div class="middle_row">
<p class="middle_cell">Your Text<br/>
Centered Here</p>
</div>
</div>
</body>
</html>
Of course, the name of your stylesheet will be different (and the text to be centered).
Be sure that the .css stylesheet is linked with the .xhtml page, otherwise the text won't appear centered.