如何让两个H1标签显示在同一行？

H1标签默认是块级元素（display: block），会独占整行宽度，所以两个H1会自动换行。你需要修改它们的display属性为inline或inline-block，就能让它们在同一行显示。

方法1：行内样式直接设置 #

你回忆里缺失的属性就是display，直接给每个H1标签添加行内样式即可：

<h1 style="display: inline;">mazeolog</h1>
<h1 class="blink_me" style="display: inline;">_</h1>

方法2：用CSS类统一设置（更推荐） #

如果后续还有类似需求，用类复用样式会更规范，避免重复代码：

<style>
  .inline-h1 {
    display: inline;
    /* 若需要保留宽高设置能力，可改用 display: inline-block; */
  }
</style>

<h1 class="inline-h1">mazeolog</h1>
<h1 class="blink_me inline-h1">_</h1>

补充说明 #

• display: inline：元素变为纯行内特性，无法设置宽高，仅占据自身内容宽度
• display: inline-block：保留块级元素的宽高可设置特性，同时支持同行排列

内容的提问来源于stack exchange，提问作者maz3o