JSFiddle - React, Tailwind, and code Playground

by Ishank Dubey

HTML

<div class='horizontal'>
<div>Test</div>
<div>Test Test Test Test </div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
<div>Test</div>
<div>Test Test Test Test </div>
</div>

CSS

.horizontal{
  overflow-x:scroll;
  white-space:nowrap;
  max-width:700px;
  background-color:green;
 
}
.horizontal > div {
  display:inline-block;
  width:100px;
  height:100px;
  background-color:red;
  vertical-align:top;
  overflow:hidden;
  text-overflow:break;
}

JavaScript

var anObj = {
name:'ishank',
ca:function(){
   vr self = this;
   setTimeout(function(){
      self.
   },100)
}
}