浮动图像后的文本对齐中心

Question

我有......

div img
{
    float:left;
}
strong
{
    text-align:center;
}


<div>
    <p>
        <img src='image.png'/>
        <strong>Lorem ipsum...</strong>
    </p>
</div>

一切都很酷，但强大并没有调整div的中心，只是在自由空间之间。

Answer 1

尝试将图片和文字包装在单独的div标签中，然后将样式应用到这些标签中。

<强> HTML

<div class="imageDiv">
    <img src='http://www.elblogdeyes.com/wp-content/uploads/its-something.jpg'/>
</div>

<div class="textDiv">
    <p>
        <strong>Lorem ipsum...</strong>
    </p>
</div>

<强> CSS

div.imageDiv{
    float: left;
    width: 30%;
}

div.textDiv {
    float: left;
    text-align: center;
    width: 70%;
}

Answer 2

对于css中的东西来说，这是我的圣杯。 希望它可以帮到你 http://howtocenterincss.com/