当隐藏其中一个时，同一行中的多个h1标签不起作用

Question

我试图将两个h1标签放在同一行中：

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

和css代码如下：

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

我想要从0到100为hello类设置动画，但是两个h1标签仍然必须在同一行中，如果我使用display属性，则会出现hello类而没有动画。想法是将两个h1标签放在同一行中符合这些信息？我不想将nowrap用于某种目的

以任何方式感谢

Answer 1

你可以在一行中出现两个h1使用display-inline block或display：flex

检查此代码段

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>

希望这有帮助