JSFiddle - React, Tailwind, and code Playground

by Harsh Kansagara

HTML

<div class="test">
	<p>
		test
	</p>
	<p>
		test
	</p>
	<p>
		test
	</p>
	<p>
		test
	</p>
	<p>
		test
	</p>
	<p>
		test
	</p>
	<p>
		test
	</p>
	<p>
		test
	</p>
</div>

SCSS

.test{
	width:100px;
	height:50px;
	border:2px solid red;
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	p{
		margin-right:10px;
	}
}