在图像后立即浮动h4?

时间:2014-05-16 13:21:14

标签: css

我在图像后浮动h4时出现问题。只要表格单元格中有空间,它就可以工作,但是一旦你开始调整窗口的大小,文本就会向左浮动但是在图像之下,我希望即使在调整窗口大小时它也会正确。

这是我的代码:

<td>
            <img src="theme/stats.png">
            <h4>We grow your channel!</h3>
            <div style="clear:both"></div>
            <br />
            We are the only network that guarantees to grow your channel from day ONE, even for small channels!
            Our network will <b>help you get a minimum of 5 new subscribers per day as soon as you join us!</b>
</td>

h4 {
    font-size: 30px;
    font-family: 'Bitter', serif;
    color: black;
    float: left;
    margin: 0 auto;
}
td img {
    float: left;
    margin-right: 20px;
}

你可以在这里看到它,尝试调整窗口大小以查看标题+图标会发生什么:http://vizz.tv/

1 个答案:

答案 0 :(得分:1)

我猜您应该从float中移除<h4>属性来实现此目的:

h4 {
    /* float: left; */
    margin: 0px 0px 0px 55px;
    ...
}

Fiddle