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

时间:2015-09-16 12:10:16

标签: html css

我有......

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


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

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

2 个答案:

答案 0 :(得分:0)

尝试将图片和文字包装在单独的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%;
}

答案 1 :(得分:0)

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