html - 通过 div 边框写入文本

Question

我有三个 div 列，其中包含这样的文本和一个主标题。我的问题是，如果可以通过 div 边框编写该标题，它会像在一行中一样。

.row {
   display:table-row;
}

.ima{
   display:table-cell;
   width:auto;
   height:200px;
   border:1px solid red;
   padding:10px;
}

<div class="row">
   <div class="ima"><h1>Title. Pavadinimas, su dideliais parasymais.</h1>
      <p>
         Cia yra paprastas tekstas apie nieka, kad butu uzpildyta paragrafo vieta.
         Tikiuosi protingi zmones patars teisinga atsakyma.
      <p>
   </div>
   <div class="ima">
      <p>
         Cia yra paprastas tekstas apie nieka, kad butu uzpildyta paragrafo vieta.
         Tikiuosi protingi zmones patars teisinga atsakyma.
      <p>
   </div>
   <div class="ima">
      <p>
         Cia yra paprastas tekstas apie nieka, kad butu uzpildyta paragrafo vieta. 
         Tikiuosi protingi zmones patars teisinga atsakyma.
      <p>
   </div>
</div>

Answer 1

.row {
  display: table-row;
  position: relative;
}

.ima {
  display: table-cell;
  width: auto;
  height: 200px;
  border: 1px solid red;
  padding: 80px 10px 10px;
}

h1 {
  position: absolute;
  top: 0;
}

<div class="row">
  <div class="ima">
    <h1>Title. Pavadinimas, su dideliais parasymais.</h1>
    <p>
      Cia yra paprastas tekstas apie nieka, kad butu uzpildyta paragrafo vieta. Tikiuosi protingi zmones patars teisinga atsakyma.
      <p>
  </div>

  <div class="ima">
    <p>
      Cia yra paprastas tekstas apie nieka, kad butu uzpildyta paragrafo vieta. Tikiuosi protingi zmones patars teisinga atsakyma.
      <p>
  </div>

  <div class="ima">
    <p>
      Cia yra paprastas tekstas apie nieka, kad butu uzpildyta paragrafo vieta. Tikiuosi protingi zmones patars teisinga atsakyma.
      <p>
  </div>
</div>