如何将图像与文本对齐？

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;
}

如果这不起作用，您可能想尝试将两个元素都设置为float：left;