JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block-left">
    <ul>
	<li>item 1</li>
	<li>item 2</li>
	<li>item 3</li>
	<li>item 4</li>
	<li>item 5</li>
	<li>item 6</li>
	<li>item 7</li>
	<li>item 8</li>
	<li>item 9</li>
	<li>item 10</li>
	<li>item 11</li>
	<li>item 12</li>
	<li>item 13</li>
	<li>item 14</li>
	<li>item 15</li>
	<li>item 16</li>
	<li>item 17</li>
	<li>item 18</li>
	<li>item 19</li>
	<li>item 20</li>
	<li>item 21</li>
	<li>item 22</li>
	<li>item 23</li>
	<li>item 24</li>
	<li>item 25</li>
	<li>item 26</li>
	<li>item 27</li>
	<li>item 28</li>
	<li>item 29</li>
	<li>item 30</li>
</ul>
</div>
<div class="block-right">
    <ul>
	<li>item 1</li>
	<li>item 2</li>
	<li>item 3</li>
	<li>item 4</li>
	<li>item 5</li>
	<li>item 6</li>
	<li>item 7</li>
	<li>item 8</li>
	<li>item 9</li>
	<li>item 10</li>
	<li>item 11</li>
	<li>item 12</li>
	<li>item 13</li>
	<li>item 14</li>
	<li>item 15</li>
	<li>item 16</li>
	<li>item 17</li>
	<li>item 18</li>
	<li>item 19</li>
	<li>item 20</li>
	<li>item 21</li>
	<li>item 22</li>
	<li>item 23</li>
	<li>item 24</li>
	<li>item 25</li>
	<li>item 26</li>
	<li>item 27</li>
	<li>item 28</li>
	<li>item 29</li>
	<li>item 30</li>
</ul>
</div>

CSS

.block-left{
    width:320px;;
    float:left;
    height:300px;
    overflow:auto;
    background-color:#343434;
}

.block-right{
    width:320px;
    float:left;
    height:300px;
    overflow:auto;
    background-color:#FF0000;
}