Geek Answers Handbook

Chrome printing is not centered

I am creating a simple page that I want to print from a browser. I put all the whistles that I could find to focus on my title and picture.

<html>
<head>
    <link rel="stylesheet" href="print.css" type="text/css" media="print" />
    <!-- print.css is empty -->
</head>
<body style="text-align: center; margin: 0 auto;">
    <div>
        <div style="font-size:48pt">
            Pretty Long-Long-Long Title
        </div>
        <img src="content/images/sample.jpg" style="width:80%"/>
    </div>
</body>
</html>

The page looks good and is concentrated in all browsers.
The page prints at the dots (center) in IE and Firefox, but in Chrome the entire block of the body is left-aligned and much smaller than the page width.
Are there any whistles to help print out the center title / image from Chrome?

.
Chrome. , Print Preview, Chrome PDF Writer. , Chrome PDF Writer . Chrome Print, Adobe PDF Printer, OK .

+5
1

<body>
    <div align="center" style="text-align:center;">
        <div style="font-size:48pt">
            Pretty Long-Long-Long Title
        </div>
        <img src="content/images/sample.jpg" style="width:80%"/>
    </div>
</body>


<div align="center" style="text-align:center;">


<div style="text-align:center;margin:0 auto;">

, pdf

+3

More articles:


All Articles