JSFiddle - React, Tailwind, and code Playground

HTML

<div>
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</div>

CSS

div{
		border: 1px solid red;
		padding: 10px 0;
	}
	ul{
		white-space: nowrap;
		margin: 0;
		padding: 0;
	}
	li{
		width: 50px;
		height: 50px;
		margin: 0;
		padding: 0;
		border-radius: 100%;
		background: blue;
	}