Php 在获取图像及其描述时未获得合适的输出

我希望在本地主机应用程序中动态显示图像及其描述（悬停）

我得到一个垂直输出：

但我希望图像水平显示（在一定程度上），如下所示：

我尝试了以下方法

PHP

---

尝试更改.img包装，如下所示：

.img-wrap
{
float:left;
clear:none;
height:200px;
position:relative;
width:300px;
margin:10px;

}

---

您可以将

显示：内联块
添加到
。img\u wrap
：

.img-wrap {
    ...
    display: inline-block;
}

或者您可以使用
float:left
。但在这种情况下，请确保清除最后一项后的
：两个

PHP代码与此无关，下次post刚刚生成HTML。这有助于。。。但我想在我的页面上连续显示三张图片：
.img-wrap
{
float:left;
clear:none;
height:200px;
position:relative;
width:300px;
margin:10px;

}

.img-wrap {
    ...
    display: inline-block;
}