JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bigbox">

     <div class="box"> 
      <div class="textbox">background background background background background background background background background background background background background background background background background background background background background background </div>
      <div class="checkbox"> </div>
      </div>


     <div class="box"> 
      <div class="textbox"> </div>
      <div class="checkbox"> </div>
      </div>

CSS

.bigbox  {
		background-color: #F5E49C;
		color: #000;
		padding: 0 5px;
		width:280px;
		height:500px;
		position: absolute;
		text-align: center;content: "";display: block;clear: both;
	}



	.box   {

		background-color: #272822;
		color: #9C5A3C;
		height:100px;
		width:260px;
		margin-bottom: 10px;
		position: relative; top:10px;
	}	
	.textbox
	{
		background-color: #FFFFFF;
		color: #272822;
		height:100px;
		width:160px;float:left;text-align: left
		
	}	
	.checkbox
	{
    background-color: #FFFFFF;
    height:50px;
    width:50px;
    float:right;
    d
	}