JSFiddle - React, Tailwind, and code Playground

HTML

<div class="esq"><span class="correct">This horizontal scrollbar is <b>not</b> overflowing its container (viewport). Try resizing window.</span></div>
 <div class="hscroll">
     <img src="http://static.paudedamasc.com/fotos/galeria/Paisatges-de-feltre/Alimentando-un-poni.png" alt="Introducción a la antroposofía" width="80" height="80" style="border:0px;" />
     <img src="http://static.paudedamasc.com/fotos/galeria/Paisatges-de-feltre/El-pri.ncipe-dormido.png" alt="Introducció a l'antroposofia" width="80" height="80" style="border:0px;" />
     <img src="http://static.paudedamasc.com/fotos/galeria/Paisatges-de-feltre/El-regalo-de-la-sirena.png" alt="Arte" width="80" height="80" style="border:0px;" />
     <img src="http://static.paudedamasc.com/fotos/galeria/Paisatges-de-feltre/El-curso-del-ri.o.png" alt="Autodesarrollo y psicología" width="80" height="80" style="border:0px;" />
     <img src="http://static.paudedamasc.com/fotos/galeria/Paisatges-de-feltre/Virgen-y-Arcoiris.png" alt="Cristología" width="80" height="80" style="border:0px;" />
     <img src="http://static.paudedamasc.com/fotos/galeria/Paisatges-de-feltre/El-Hada-Madrina.png" alt="Cuentos y narraciones" width="80" height="80" style="border:0px;" />
     <img src="http://static.paudedamasc.com/fotos/galeria/Paisatges-de-feltre/A.rbol-de-la-vida.png" alt="Después de la muerte" width="80" height="80" style="border:0px;" />
     <img src="http://static.paudedamasc.com/fotos/galeria/Paisatges-de-feltre/Fiesta-de-Micael.png" alt="Evolución espiritual e historia" width="80" height="80" style="border:0px;" />
     <img src="http://static.paudedamasc.com/fotos/galeria/150-Aniversario-del-nacimiento-de-Rudolf-Steiner/Goetheanum.png" alt="Filosofía y teoría del conocimiento" width="80" height="80" style="border:0px;" />
     <img src="http://static.paudedamasc.com/fotos/galeria/Paisatges-de-feltre/El-Hada-de-las-Flores-del-Corazo.n.png" alt="Medicina antroposófica" width="80" height="80" style="border:0px;"...

CSS

::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#FFF;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb{background:#CCC;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover{background:#AAA;}
::-webkit-scrollbar-thumb:active{background:#888;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);}
.hscroll{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}
.esq{float:left;background-color:#ccc;width:200px;height:100%;padding:10px;}
.correct{color:#090;}
.incorrect{color:#900;}
.table{width:100%;margin-top:50px;}