<!DOCTYPE html><html><head><style>
* {
border: 1px solid black;
font: 80px MinervaSans;
}
.hero {
display: flex;
flex-direction: column;
align-items: center;
width: 500px;
}
.upper {
background: orange;
}
</style></head><body class="hero"><div class="upper">This entire text should be on orange background.</div></div>