如何将表格右对齐？

Question

我想让 h3 与表格对齐，这样表格向右，h3 向左，并且它们都居中？

<section style="background-color: #00CDCF; background-image: url(./images/services/contact.jpg);">
  <div id="newsletterform">
    <div class="wrap">
      <h3 style="color:#EF7F1A;">Subscribe to our Newsletter</h3>
      <form action="send.php" method="post" id="newsletter" name="newsletter"><input type="email" name="signup-email" id="signup-email" value="" placeholder="Insert email here" /><input type="submit" value="Subscribe" name="signup-button" id="signup-button">
        <div id="response"></div>
      </form>
    </div>
  </div>
</section>

Answer 1

使用 flex 并了解有关 flexbox 的更多信息

.wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

<section style="background-color: #00CDCF; background-image: url(./images/services/contact.jpg);">
  <div id="newsletterform">
    <div class="wrap">
      <h3 style="color:#EF7F1A;">Subscribe to our Newsletter</h3>
      <form action="send.php" method="post" id="newsletter" name="newsletter"><input type="email" name="signup-email" id="signup-email" value="" placeholder="Insert email here" /><input type="submit" value="Subscribe" name="signup-button" id="signup-button">
        <div id="response"></div>
      </form>
    </div>
  </div>
</section>

如何将表格右对齐？

how to align the form to the right?

html

css

bootstrap-5