内联显示图像和文本

Question

我无法在标题的每一侧获取图像。我试过 display:inline-block 但这不是为我做的。这是 jsfiddle

.inline-image{display:inline-block}

imgur 图片可能没有显示，但你明白了。它应该看起来像这样：

详细信息：使用 Bootstrap v3.3.1

Answer 1

您需要将 display: inline-block 添加到实际元素（不是父元素）：

.inline-image img, .inline-image h3{
   display:inline-block;
   vertical-align: middle;
}

然后可以将vertical-align属性调整为middle

Display image and text inline