JSFiddle - React, Tailwind, and code Playground

by murgiaMarco

HTML

sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
<span style="
    word-break: break-word;">sssdssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</span> </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>
sss </br>

JavaScript

var css = '@page { size: landscape; margin: 0mm;}body { margin:10mm; padding:10mm;} ',
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');

style.type = 'text/css';
style.media = 'print';

if (style.styleSheet){
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

head.appendChild(style);

window.print();