图像在h3覆盖h3边框

Question

我有类似的东西

<h3 style="border-bottom:1px solid black;">
<strong>Some text</strong><img src="someimg.png">
</h3>

它看起来像这样：

我希望得到这个：

任何人都知道怎么做？提前感谢您的回答。

这是我的HTML <h3 style="border-bottom:1px solid black;"> <strong><span style="font-size:20px;">Spam</span></strong> <img style="width: 50px; height: 50px; float: right;" src="spam.fw.png" alt=""> </h3>

这是关于css和html

的

Answer 1

这有点像黑客，但你可以尝试在图像上添加background-color（橙色），这应该掩盖底层边界。

编辑：如果没有看到你已经拥有的CSS，很难确定会有什么效果......

Answer 2

检查以下JS小提琴

http://jsfiddle.net/hCQuH/

img
{
    margin-right:-15%;
}
h3
{
width:85%
}

Answer 3

将此添加到您的img类 position: absolute; right: -10px;top:30px;

jsfiddle http://jsfiddle.net/YAfKS/4/

Answer 4

这应该解决它。 CSS

img
{
float:right;
padding:0px 2px;
background:white;
}

然后添加相对定位以获得所需的结果。

看看这个http://jsfiddle.net/Es2Ay/