我在文本旁邊放置了一個圖像,這兩個內嵌塊元素都很難對中。我已經嘗試在div中應用text-align:center
,但沒有任何變化。我也想過將h1更改爲顯示:block,然後應用text-align:center
,但我希望文本和標題都相對於其下面的內容居中,而不是整個事件與展示位置稍微偏離中心的形象。
HTML:以內嵌塊圖像和文本爲中心
<img src="logo.svg">
<h1 id="logo-text">TITLE</h1>
CSS:
header img {
display:inline-block;
margin:0 auto;
height:50px;
}
header h1#logo-text {
display:inline-block;
float:none;
margin:0 auto;
height:50px;
line-height:50px;
}
僅有代碼的答案對於非有經驗的用戶完全沒用。 –