View Single Post
Old 07-19-2019, 12:20 PM   #7
codys
Junior Member
codys began at the beginning.
 
Posts: 6
Karma: 10
Join Date: Oct 2018
Device: Kindle Paperwhite
Quote:
Originally Posted by Hitch View Post
codys:

How are you centering that text that is not rendering correctly, please?

Hitch
Hi Hitch.

Here is an example:

From the text:

Code:
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>Lorem Ipsum</title>
  <link href="stylesheet.css" rel="stylesheet" type="text/css"/>
  <link href="page_styles.css" rel="stylesheet" type="text/css"/>
</head>

<body class="calibre">

  <h3 class="block_3" id="toc_id_87">Introduction</h3>

...
From stylesheet.css

Code:
...

.block_3 {
    display: block;
    line-height: 1.2;
    text-align: center;
    font-size: 1.0em;
    font-weight: normal;
    text-decoration: underline;
    margin: 12pt 0 3pt;
    padding: 0
    }

...

.calibre {
    color: #000;
    display: block;
    font-family: "Times New Roman", serif;
    font-size: 1em;
    line-height: 1.2;
    padding-left: 0;
    padding-right: 0;
    margin: 0 5pt

...
Entirety of page_styles.css:

Code:
@page {
    margin-bottom: 5pt;
    margin-top: 5pt
    }

This is how it looks:

codys is offline   Reply With Quote