Quiero mostrar el texto del lado derecho de la imagen y lo logré, pero cuando agrego otro div para el borde, el texto no aparece, es como invisible pero aún ocupa su espacio. Lo intenté pero no puedo entender el problema aquí puede ver la vista previa en vivo https://jsfiddle.net/Ldu91at2/ Y aquí está el código antes de agregar un div principal para el borde: -
<div style="display:inline-block; min-width:6.2cm; height:8.8cm; align: center;vertical-align: middle;" > <img src="https://www.asurascans.com/wp-content/uploads/2020/10/56953.jpg" style="height:100%;"> </div> <div style="display:inline-block;vertical-align: top;"> <span id="title">advertishement</span> </div>Este es el estilo css que está utilizando para el div .cont
.cont{ width:fit-content; border: 1px solid #eee; padding: 10px; color: #fff; }los
color: #fff;
La regla hace que su texto sea blanco, por lo tanto, invisible contra un fondo blanco. Considere quitarlo o usar un color diferente. El siguiente código funcionará.
.cont{ width:fit-content; border: 1px solid #eee; padding: 10px; }