如何在不使用float的情况下将文本对齐到img的右侧:left,这样它就不会更改默认的父div高度

Question

如何将文本对齐图像图标的右侧,如示例图片中的那样.

我通常会使用" float:left"但它是用于移动响应式设计,所以我不喜欢使用像" float:left"这样的东西,因为它div通过响应式设计破坏了红色的高度.

我必须对齐标题,子标题和一个小方形图像.

Answer 1

它很容易使用float:left并且不会破坏红色边框div的高度.

您只需将display:table-cell添加到.app_top块.这是解决方案:

.app_top {
    display: table-cell;
}
.app_top img {
    float: left;
}

请参阅工作示例.这是代码.