JSFiddle - React, Tailwind, and code Playground

by sarcus

HTML

<div class="cont">
        
      <div class="ctrl">     
        <input type="button" class="btn"  value="<<" />
        <div class="inp" type="text" >
        
        </div>
        <input type="button" class="btn" value=">>" />
      </div> 
      <div class="sometext">555 5555 5555 5555 5556</div>
        
 </div>

CSS

.cont {
            position: absolute;
            top : 10px; left: 30px;
            border: 1px solid #ccc;
            
        }
        .ctrl {  
            display: flex; 
            width: 100%;
	          justify-content: space-between;
	          box-sizing: border-box;
            
       }
       
       
        .btn { 
            flex: 0 0 auto;
           
        }
        .inp {
            flex: 1 1 auto;
            width: 100%;
            border: 1px solid red;
        
        }