html - 我怎样才能使 div 和 h1 调整宽度但作为 block 去换行

Question

我有 3 个 div，每个里面都有一个不同的 h 元素。如何使 h 元素调整宽度而不像 block 元素一样？我怎样才能使封闭的 div 随宽度调整，但在每个元素都换行的意义上充当 block 元素。

    .film-container {
       max-width: 70%
    }

    <div class="film-container">
       <a class="film-item" href="/blog-post">
          <div class="film-title">
             <h1 class="film-list-title">Title</h1>
          </div>
          <div class="film-intro">
              <h2>Intro</h2>
          </div>
          <div class="film-completed-date">
              <h3>dd-mm-Y</h3>
          </div>
       </a>
    </div>

Answer 1

1) 只需应用inline-block 显示规则。

h1, h2, h3 { display: inline-block; }

2) 他们已经在这样做了。