No replies
OliAction
OliAction's picture
Offline
newbie
Last seen: 1 week 6 days ago
Timezone: GMT+2
Joined: 2021-09-12
Posts: 2
Points: 4

Hi. I hope someone here can help. I can't figure out how to align the header inside the div. I can't change the min height to adjust. What is wrong? I've also added an image of the issue.

HTML:

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

CSS:

.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%);
  }
}
 
.header {
  display: flex;
  justify-content: flex-end;
  color: white;
  font-size: 2.6rem;
}

AttachmentSize
Screenshot (93).png5.53 KB