image - 如何将图像与文本对齐？

Question

我想将品牌形象与产品标题对齐，但我不知道如何在 php..

这是我的代码：

<div class="product-name">
    <?php echo $this->getChildHtml('product_attributes_placeholder'); //Placeholder for brands ?>
    <h1><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name')?></h1>
</div> 

图片http://postimage.org/image/n0md49tqp/

Answer 1

将图片包裹在与产品名称相同的 div 中，并设置 display: inline; 还要明确：两者都以防万一您在那里有浮子。

.product-name{
  display:inline;
  clear: both;
}

如果这不起作用，您可能想尝试将两个元素都设置为浮动：左；