<section class="stripe">
    <h1>A Self Centering Stripe with no extra markup!</h1>
    <p>More stripe content can go here! More stripe content can go here! More stripe content can go here! More stripe content can go here! More stripe content can go here! More stripe content can go here! More stripe content can go here! More stripe content can go here!</p>

</section>

.stripe {
    background-color: lavender;
    padding: 2rem 1rem;

    
    display: grid;
    grid-template-columns: minmax(auto, 900px);
    justify-content: center;

}




body {
    padding-top: 4rem;
}
html {
    font-size: 115%;
    line-height: 1.4em;
}
h1 {
    line-height: 1.4em;
}