Source

punkybrowster.work / tests / pages / test_snapshot.html

Full commit
<html>

<head>
    <title>test_snapshot</title>
    
    <style>
    body {
        background-color: aliceblue;
        padding: 0;
        margin: 20px;
        /*
            If the height and width were not explicitly set here, then they
            could potentially be much larger when saving a snapshot.
        */
        width: 280px;
        height: 400px;        
    }
    
    #content {        
        border: 1px dotted black;
        color: red;
    }
    
    #side-bar {
        float: right;
        width: 100px;
        height: 200px;
        border: 1px dashed black;
        padding: 10px;
        margin: 0 0 10px 25px;
    }
    </style>

</head>

<body>

<div id="side-bar">
The Bene Gesserit's "Litany Against Fear"
</div>

<div id="content">
I must not fear.
Fear is the mind-killer.
Fear is the little-death that brings total obliteration.
I will face my fear.
I will permit it to pass over me and through me.
And when it has gone past I will turn the inner eye to see its path.
Where the fear has gone there will be nothing.
Only I will remain. 
</div>

</body>
</html>