JSFiddle - React, Tailwind, and code Playground

HTML

<h1>EDITAR CONTENIDO</h1>

<?php foreach ($entradas as $row): ?>
<div id="registro">
<div id="contenido">
kjcdsnajdnm feaNDEKJN  JDOIJoidsaJOI DSAOI JDSJOI jdsoiJMO OFDS OJojfdoajfdoi jjfd oiaj o jd jf joijdoka mfdosmf ojmfdsoamosdf mo if dsjifodajis
</div>

<div id="editar">
</div>

<div id="eliminar">
</div>
</div>

CSS

#contenido{
 
    
width:30%;
height:75px;
margin: 0 auto;
border: 4px solid;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
border-color:black;
align-items: center;
margin-left:10%;
display: inline-block;  
overflow-y:scroll;
}
 
 
#editar{
    
width:5%;
height:75px;
border-top: 4px solid;
border-bottom:4px solid;
border-right:4px solid;
margin-left: -5px;
border-color:black;
display: inline-block;  
}
 
#eliminar{
width:5%;
height:75px;
border-top: 4px solid;
border-bottom:4px solid;
border-right:4px solid;
margin-left: -5px;
border-color:black;
display: inline-block;
border-top-right-radius:25px;
border-bottom-right-radius:25px;
}