JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

<div id="all">
<div>
    <pre>
        Lorem Ipsum is simply dummy text of the printing and<br /> typesetting industry. Lorem Ipsum has been the industry's<br /> standard dummy text ever since the 1500s, when an unknown<br /> printer took a galley of type and scrambled it to make a<br /> type<br /> specimen book. It has survived not only five<br /> centuries, but also the leap into electronic typesetting,<br /> remaining essentially unchanged. It was popularised in the<br /> 1960s<br /> with the release of Letraset sheets containing<br /> Lorem<br /> Ipsum passages, and more recently with desktop<br /> publishing software like Aldus PageMaker including versions of<br /> Lorem Ipsum.<br />
<br />
It is a long established fact that a reader will be distracted by<br /> the readable content of a page when looking at its<br /> layout. <br />The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,<br /> as opposed to using 'Content here, content here',<br /> making it look like readable English.<br /> Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text<br />, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. <br />Various versions have evolved over the years, sometimes by accident, <br />sometimes on purpose (injected humour and the like).<br />
<br />
<br /> 
Contrary to popular belief, Lorem Ipsum is not simply random<br /> text. It has roots in a piece of classical Latin literature<br /> from 45 BC, making it over 2000 years old. Richard McClintock,<br /> a Latin professor at Hampden-Sydney College in Virginia,<br /> looked up one of the more obscure Latin words,<br /> consectetur, from a Lorem Ipsum passage, and going through the<br /> cites of the word in classical literature, discovered the<br /> undoubtable source. Lorem Ipsum comes from sections 1.10.32<br /> and 1.10.33 of "de Finibus Bonorum et Malorum"<br /> (The Extremes of Good and Evil)...

CSS

.rightmenu{
    position: fixed;
    top:0;
    right:0;
    background-color:pink;
    border:10px dotted purple;
    width:30%;
    height:200px;       
    
}

JavaScript

document.getElementById('riduci').onclick = function riduci(){
    
}

console.log(btoa(document.getElementById('all').innerHTML))