html - 我的用于垂直对齐每个标题的 HTML 不起作用

Question

我的代码工作到现在，我不明白发生了什么。我正在尝试垂直对齐每个标题，彼此相邻。我真的很感谢有人帮我解决这个问题，拜托！

<div style="width: 32%; display: inline-block; vertical-align:top; text-align:;">
  <h3>Gents</h3>
  <p>
    <a href="barberp6.html">
      <span style="color:rgb(245, 166, 208);">The</span>
      <span style="color: rgb(167, 238, 220);">Baber</span>
      <span style="color:rgb(188, 114, 223);">Shop</span>
    </a>
  </p>
</div>

标签： html

Answer 1

你可以通过 flexbox 来实现这个假设vertical-align是你将拥有的课程

.vertical-align{ display:flex; align-items:center; }