Css 将图像与h3的右侧对齐

Css 将图像与h3的右侧对齐,css,stylesheet,Css,Stylesheet,我试图定位以下项目,但不能完全正确 她是理想的结果: |布拉巴(img)链接| 图像与左侧H3的右侧对齐,链接位于最右侧。一切都在同一条线上 <div style="float:left;"><h3>Blah Bah</h3></div> <a href="#"><img src="image\edit.png" /></a> <div style="float:right;"&

我试图定位以下项目,但不能完全正确

她是理想的结果:

|布拉巴(img)链接|

图像与左侧H3的右侧对齐,链接位于最右侧。一切都在同一条线上

    <div style="float:left;"><h3>Blah Bah</h3></div>
      <a href="#"><img src="image\edit.png" /></a>
    <div style="float:right;">Link</div>
废话
链接


h3
{
颜色:#0066CC;
字体大小:130%;
字体大小:粗体;
填充顶部:0px;
边际:0px;
}
废话
链接

默认情况下,h3标记具有页边距顶部和页边距底部,这就是元素不在同一行的原因

您可以通过添加以下样式来更改:

h3 {
   margin: 0;
}
但更好的方法是使用重置样式表,以便您知道所有元素都已重置。

默认情况下,h3标记具有页边距顶部和页边距底部,这就是元素不在同一行的原因

您可以通过添加以下样式来更改:

h3 {
   margin: 0;
}
但更好的方法是使用重置样式表,以便您知道所有元素都已重置。

老实说,我已经读了很多遍了,但我仍然无法理解这句话,所以我不知道你想要什么:

图像与左侧H3的右侧对齐,链接位于最右侧。一切都在同一条线上。 我建议上传一张Photoshop图片来展示你想要的最终结果

与此同时,我的想法是:


老实说,我已经读了很多遍了,但我仍然无法理解这句话,所以我不知道你想要什么:

图像与左侧H3的右侧对齐,链接位于最右侧。一切都在同一条线上。 我建议上传一张Photoshop图片来展示你想要的最终结果

与此同时,我的想法是:


如果这是您想要的结果,有没有理由不将img放在H3中?您想要的结果就是我通过该代码得到的结果。有什么问题吗?哇,忘了把图片变成超链接的一部分。如果我将链接和图像移动到H3中,当你将鼠标悬停在图像上时,它会在图像下方保留一条超链接线。如果这是你想要的结果,有没有理由不将img放在H3中?你想要的结果就是我用代码得到的结果。有什么问题吗?哇,忘了把图片变成超链接的一部分。如果我将链接和图像移动到H3中,当你将鼠标悬停在图像上时,它会在图像下方保留一条超链接线。这就是罚单。我会在你发布这个答案的时候发布我搞砸了的东西。那是罚单。当你发布这个答案时,我会发布我搞砸了的东西。