JSFiddle - React, Tailwind, and code Playground

by CJ Ramki

HTML

<body><a href="http://cj-ramki.blogspot.in/"><h1>CJ's Blog</h1></a>

<p>The overflow property specifies what to do if the content of an element exceeds the size of the element's box.</p>

<p>direction : ltr</p>
<div class="scroll_right">You can use the overflow property when you want to have better control of the layout. The default value is direction : ltr;. So, it is showing the scroll in the right side</div>

    <p>direction : rtl</p>
<div class="scroll_left">You can use the overflow property when you want to have better control of the layout. Here we used direction : rlt;. So, it is showing the scroll in the left side</div>

CSS

div.scroll_right
{
background-color:#00FFFF;
width:100px;
height:100px;
overflow:scroll;
}
div.scroll_left
{
background-color:#00FFFF;
width:100px;
height:100px;
overflow:scroll;
direction:rtl;
}