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位置旁邊的圖標顯示位置：相對

回答

相關問題