与文本换行问题的被填塞的背景图象子弹

时间:2013-09-12 17:00:53

标签: html css padding css-tables

抓住这个小提琴:

fiddle sauce

你可以看到前2个h3元素的填充子弹一直向左飞行。我坚持如何使h3元素看起来像最后一个h3元素没有激烈的“div-ing”或更改。有什么想法吗?

#hiw_bjaCopy
{
    float: left;
    width: 700px;
    margin: 20px;
}

#hiw_specTable
{
    float:left;
    margin: 0 20px 20px 0;
}

#hiw_specTable table td
{
    width: 100px;
    text-align: center;
}

#hiw_bjaPoints
{
    color: #666;
}

#hiw_bjaPoints h3
{
    background: url(http://toastedontheinside.com/wp-content/uploads/2013/09/link_arrow_bl.png) left no-repeat;
    padding-left: 15px;
    color: #516aa2;
}

1 个答案:

答案 0 :(得分:1)

display:inline-block;用于您的h3

小提琴:http://jsfiddle.net/parslook/we8FR/2/