添加另一个 div 时未显示文本

Question

我想在图像的右侧显示文本，我成功地做到了，但当我为边框添加另一个div时，文本没有显示，它就像是看不见的，但仍然占用了它的空间。我试过了，但我无法解决问题，你可以看到实时预览https://jsfiddle.net/Ldu91at2/下面是为border添加主div之前的代码：-

<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>

Answer 1

这是您用于.conddiv 的css样式

.cont{
width:fit-content;
border: 1px solid #eee;
padding: 10px;
color: #fff;
}

颜色：#fff；

规则使文本变为白色，因此在白色背景下不可见。请考虑将其移除或使用其他颜色。下面的代码将起作用。

.cont{
width:fit-content;
border: 1px solid #eee;
padding: 10px;
}