h1位置旁边的图标显示位置：相对

-1

我想在我的标题旁边放置图像。但事情是，我希望这个图像的位置固定：相对。然而，当我修复图像时，它在图像和我的标题之间留下了很大的空间。h1位置旁边的图标显示位置：相对

<h1 id="htitre"><img src="title.png"/> title </h1>

CSS：

h1 
{ 
    color: rgb(114, 159, 207); 
    padding-bottom: 3px; 
    border-bottom: 5px solid rgb(114, 159, 207); 
    padding-left:0.3cm; 
    margin-left: 0.9cm; 

} 

#htitle img 
{ 

position: relative; 
top: 0.15cm; 
right:1.5cm; 
border: 1px 

}

我怎么能防止移动我的标题的形象呢？

来源

2017-09-21 NewHTML

你想要这样的东西吗？ https://jsfiddle.net/o2mxesua/1/

如果这就是你想要的，你所需要做的就是用span代替你的h1，因为h1取整行宽，然后以你想要的任何方式为你的span类指定字体大小和权重属性。

这是你更新的代码 -

HTML

<div> 
    <img src="title.png"/> 
    <span id="htitle"> 
    title 
    </span> 
</div>

CSS

#htitle 
{ 
    color: rgb(114, 159, 207); 
    padding-bottom: 3px; 
    border-bottom: 5px solid rgb(114, 159, 207); 
    padding-left:0.3cm; 
    margin-left: 0.9cm; 
    font-size: 4em; 
} 

#htitle img 
{ 
    position: relative; 
    top: 0.15cm; 
    right:1.5cm; 
    border: 1px; 
}

来源

2017-09-21 18:58:42 codeslayer1

不，我想有哪些坚持到图像标题。我想删除 – NewHTML

之间的空格你是什么意思？图片和标题之间的空白是因为您的标题CSS中添加了左侧边距和左侧边距。将两者都更改为0以删除空间。 – codeslayer1

是的，谢谢。我付出了负面的价值，并得到了我想要的。再次感谢。我永远不会想到使用跨度。 – NewHTML

h1位置旁边的图标显示位置：相对

回答

相关问题