icon-required-check.svg

logo.svg

WeasyPrint-html-example.html

<style>
body { margin: 1em 2em }
h1 { text-decoration : underline }
div { border: 10px solid; background: #ddd }
@page { margin: 2.5cm; }
header {
    position: fixed;
    top: -2.5cm;
    left: -2.5cm;

    height: 2cm;
    width: 8.5in;
    background-color: #4d4d4d;
    color: white;
}
footer {
    position: fixed;
    bottom: -2.5cm;
    left: -2.5cm;
    height: 2cm;
    width: 8.5in;
    padding: 0;
}

footer div {
        display: table-cell;
        width: 8.5in;
        height: 2cm;
        border: 0;
       vertical-align: bottom;
    background-color: #265dab;
    color: white;
}

span.footer {
    display: inline-block;
    vertical-align: bottom;
    line-height: normal;
}
</style>

<header>Header here</header>
<footer><div><span class="footer">Footer here</span></div></footer>

<h1>Weasyprint testing</h1>

<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>
<div><ul><li>Hello, world!</li></ul></div>