html - 两个 div 在另一个 div 中的垂直对齐而不使用显示 :flex

Question

我想将位于另一个 div 中的两个 div 的内容对齐到顶部。

我不能使用display: flexbox，而且它必须是内联css。当描述 div 仅包含一行时，它显示我想要的方式，但当它包含多行时，带有数字的 div 显示在描述 div 上方>这是我现在的代码:

<!--Single line-->
<div style="margin:10px 0 10px 0;">
  <div style="display:inline-block; vertical-align:top"> 1.1</div>
  <div style="margin-left:50px; display: inline-block; vertical-align:top;">
    Lorem ipsum dolor sit amet, pertinax honestatis suscipiantur mea eu, populo invidunt nam ne, nulla similique usu et. His accusata definitionem in.
  </div>
</div>

<!--Multiple lines-->
<div style="margin:10px 0 10px 0;">
  <div style="display:inline-block; vertical-align:top">1.2</div>
  <div style="margin-left:50px; display: inline-block; vertical-align:top;">
    Id harum paulo bonorum vim, sit adhuc aliquid oportere in, ei quo dicta labitur salutatus. Debet doctus facilis ius ad, assum expetendis vix ex. Modus nostro concludaturque nec ad. No unum appellantur sea, assum oratio legere has et, est lorem concludaturque
    id. Ex pro audire nostrud, vel sale dissentias an, eos no zril vocibus principes. Noluisse praesent mei ea. Eam intellegat omittantur ea, sit tacimates quaestio definitiones ei. Et vix appareat reprehendunt, at cum alii aliquando, audire iuvaret instructior
    has eu. Sea id placerat ponderum, ea has deserunt assentior consectetuer. Nobis denique nominavi qui ut, cu prima idque perfecto eos. Quo soleat possit impedit eu. Id mucius graeci noluisse his. Sanctus appareat usu ne, per ea purto tractatos deterruisset.
  </div>
</div>

我希望每个元素都像 1.1 一样显示:

Answer 1

好吧，如果内联元素在起作用，我会假设表格也是公平的游戏:P

<table>
  <tbody>
    <tr>
      <td style="width: 3rem; vertical-align: top">1.1</td>
      <td>
        <p style="margin-top: 0;">
          Lorem ipsum dolor sit amet, pertinax honestatis suscipiantur mea eu, populo invidunt nam ne, nulla similique usu et. His accusata definitionem in.
        </p>
      </td>
    </tr>
    <tr>
      <td style="width: 3rem; vertical-align: top">1.2</td>
      <td>
        <p style="margin-top: 0;">
          Id harum paulo bonorum vim, sit adhuc aliquid oportere in, ei quo dicta labitur salutatus. Debet doctus facilis ius ad, assum expetendis vix ex. Modus nostro concludaturque nec ad.

          No unum appellantur sea, assum oratio legere has et, est lorem concludaturque id. Ex pro audire nostrud, vel sale dissentias an, eos no zril vocibus principes. Noluisse praesent mei ea. Eam intellegat omittantur ea, sit tacimates quaestio definitiones ei. Et vix appareat reprehendunt, at cum alii aliquando, audire iuvaret instructior has eu. Sea id placerat ponderum, ea has deserunt assentior consectetuer.

          Nobis denique nominavi qui ut, cu prima idque perfecto eos. Quo soleat possit impedit eu. Id mucius graeci noluisse his. Sanctus appareat usu ne, per ea purto tractatos deterruisset.
        </p>
      </td>
    </tr>
  </tbody>
</table>