html - 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/