在html中将文本对齐到顶部？

<p style="vertical-align: top;">这段文本将会对齐到顶部。</p>

<div style="display: flex; align-items: flex-start;">
  <p>这段文本将会对齐到顶部。</p>
</div>

<div style="display: flex;">
  <p style="align-self: flex-start;">这段文本将会对齐到顶部。</p>
</div>

<p style="margin-top: 0;">这段文本将会对齐到顶部。</p>