JSFiddle - React, Tailwind, and code Playground

by refhat

HTML

<html>
<head>
    <title></title>
    <style>
    #comic{
        overflow-x:scroll;
  white-space:nowrap;
  height: 563px;
  width: 1000px;
  background: black;
  margin: auto;
  color:white;
    position:relative;
  overflow:auto;
}


.comic_panel{
overflow-x:scroll;
    width:200px;
    height:563px;
    position:relative;
    float:left;
        display:inline-block;
    background:orange;
border:1px solid red;
}
</style>
</head>
<body>
<div id="comic" class="comic">

        <div class="comic_panel">1</div>
        <div class="comic_panel">2</div>
        <div class="comic_panel">3</div>
        <div class="comic_panel">4</div>
        <div class="comic_panel">5</div>
        <div class="comic_panel">6</div>
        <div class="comic_panel">7</div>
        <div class="comic_panel">8</div>
        <div class="comic_panel">9</div>
        <div class="comic_panel">10</div>
        <div class="comic_panel">11</div>
        <div class="comic_panel">12</div>
        <div class="comic_panel">13</div>
        <div class="comic_panel">14</div>


        </div>
</body>
</html>