Align header inside div issue

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% {

My :hover doesn't work properly, When i hover over the h2's it doesn't underline the h2

Puzzled

My home page

h1 {
text-align:center;
margin-top: 50px;
font-family: "Garamond", serif;

}

h2 {
text-align:center;
margin-top: 0px;
font-size: 15px;
font-family: "Garamond", serif;
}

.center {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
float:middle;
}

header > h2 {
color: #2D52A0;
font-family: "Arial", sans-serif;
}

header > h2:hover {
text-decoration: underline;
}

.English {
position: relative;
bottom: 250px;
right: 120px;

}

How to repeat text/numbers from one page to another?

Hi,

I'm new to CSS and development in general and I was wondering if anyone knew; how to display a figure i.e. £1,000,000 on one page and then have it display on another page automatically, instead of me having to manually update the figures on all the pages that figure is displayed on.

I was originally thinking php or javascript but I think this might be able to be done in CSS?

How does my site look?

Hello,
I have recently created a website,
I was wondering if people here could take the time to check it out and give feedback,

Link: http://html-builder.tk

Thanks!

Full screen vertical drop down menu not displaying sub categories correctly.

Hey Guys,

So I have an issue. This is probably an easy fix, but I have a full screen vertical overlay navigation menu with sub links (sub-lists). My issue is that I am trying to get the first set of list items to slide down so that the nested list items can slide down to be displayed. So far, I am only able to get the sub list items to slide down. Here is my codepen link:

https://codepen.io/WebDevGuy/pen/VmQdWg

Any advice or help would be greatly appreciated Smile

Syndicate content