JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gamedes">
    <img  class="miniaturas" src="recursos/miniaturas/coster.png">
    <div class"gameides">
    <a class="gametitle" href="google.es">Hola</a>
    <div class="indent5px"
        <div class="description">sdsdsdsds sdsdssdsd</div><br><br><br><br>'
        </div>
    </div>
    </div>

CSS

.miniaturas {
        display: inline;
        border-radius: 10px;
        float: left;
    }
   .indent5px{
       margin-left: 5px;
   }
    .description {
        font-size: 15px;
        display: inline;
        border-radius: 3px;
        overflow: hidden;
    }
    
    .gametitle{
        font-size: 20px;
        font-weight: bold;
        display: table-cell;
        margin-left: 5px;
    }
    
    .gamedes {
        width: 50%;
        display: inline-block;
    }