将文本与 div 问题对齐答案

【问题标题】：Align text with div issue将文本与 div 问题对齐
【发布时间】：2021-11-09 01:01:23
【问题描述】：

我正在尝试将标题放在动画 div 中，但我不知道如何。

.introbox-one {
  width: 80%;
  height: 16px;
  border: 1px solid #9A00FF;
  padding: 10px;
  background-color: #9A00FF;
  animation: introbox-one 1s ease-in;
}

@keyframes introbox-one {
  0% {
    transform: translateX(-100%);
  }
}

h1 {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

<div class="introbox-one">
   <h1>THIS IS A HEADER</h1>
</div>

【问题讨论】：

标签： html css flexbox text-align

【解决方案1】：

您的标题高于您设置的高度。将其设置为最小高度或从容器中移除高度。

【讨论】：

感谢您帮助安德鲁。