Are you trying to align it in the middle?
You're using
top:1em;
that is why it is going so far down.
You could do something like this:
.h1_wrapper {
background: orange;
padding:1em;
width: 45em;
margin-top: 1em;
border: 2px solid;
box-sizing:border-box;
}
.h1_wrapper h1 {
background: green;
margin: 0;
display:inline-block;
padding:0.25em;
}
Or
.h1_wrapper {
background: orange;
padding:1em;
width: 45em;
margin-top: 1em;
border: 2px solid;
box-sizing:border-box;
}
.h1_wrapper h1 {
background: green;
margin: 0;
}