JSFiddle - React, Tailwind, and code Playground

by avrahamcool

HTML

<div id="Content">
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br />
        Here is some content.<br...

CSS

*
{
    margin: 0;
    padding: 0;
}
#Content
{
    border: solid 1px black;
    width:90%;
    margin: 0 auto;
}
.indicator
{
    display: none;
}


@media print
{
    .indicator
    {
        position:absolute;
        display: block;
        width: 5mm;
        height: 5mm;
    }
    @page
    {
      size: 210mm 297mm;
      margin: 0;
      padding: 0;
    }
}
.right
{
    right: 0;
}
.left
{
    left: 0;
}

JavaScript

for(var i=0; i<2; i++)
            {
                var offset = 278 * i;
                $("<img class='indicator left' style='top:" + offset + "mm;' src='http://img31.imageshack.us/img31/9404/y9mf.jpg'/>").appendTo($('body'));
                $("<img class='indicator right' style='top:" + offset + "mm;' src='http://img31.imageshack.us/img31/9404/y9mf.jpg'/>").appendTo($('body'));

                $("<img class='indicator left' style='top:" + (offset + 273) + "mm;' src='http://img31.imageshack.us/img31/9404/y9mf.jpg'/>").appendTo($('body'));
                $("<img class='indicator right' style='top:" + (offset + 273) + "mm;' src='http://img31.imageshack.us/img31/9404/y9mf.jpg'/>").appendTo($('body'));
            }