html - 内联显示图像和文本

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

FIDDLE