JSFiddle - React, Tailwind, and code Playground

by Kheema Pandey

HTML

<div id="scrollable">
      <div class="childDiv">
      <div class="inner">I am the first div in first should appear inline with the rest of the text</div>
      <div class="inner">I am the second div in first should appear inline with the rest of the text</div>
      </div>
      <div class="childDiv">
          <div class="inner">I am the first div in Second should appear inline with the rest of the text</div>
          <div class="inner">I am the second div in Second should appear inlinewith the rest of the text </div>
      </div>
  </div>

CSS

#scrollable {
            width : 100%;
            height : 350px;
            background-color: #d0e4fe;
            overflow-x: scroll;
            overflow-y: hidden;

        }
        .childDiv {
            float: left;
        width : 50%;
    background:red;
    padding:3px;
        }
        .inner {
            float : left;
         width : 50%;
        }