多個H1標籤不工作時，其中一個是隱藏

Question

我試圖將兩個H1標籤在同一行這樣的：

<h1 class="hello">hello world</h1><h1>you are welcome</h1> 

和css代碼如下：

.hello{ 
    overflow: hidden; 
    width: 0; 
} 

我想動畫你從寬度0到100的類，但兩個h1標籤必須仍然在同一行，如果我使用display屬性，hello類將顯示沒有動畫。任何想法，使兩個h1標籤在相同與這些信息一致嗎？我不想用NOWRAP爲了一個目的

感謝任何方式

Answer 1

您可以將兩個H1的出現在一行中使用顯示內嵌塊或顯示：彎曲

檢查這個片段

h1 { 
 
    display: inline-block; 
 
}

<h1 class="hello">hello world</h1> 
 
<h1>you are welcome</h1>

header { 
 
    display: flex; 
 
}

<header> 
 
    <h1 class="hello">hello world</h1> 
 
    <h1>you are welcome</h1> 
 
    <header>

希望這有助於