JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<body>
    <div class="page">
        SOMEHEADER
    </div>
    <p> 
        How do I get the header to overflow left <u>and</u> right instead of just to the right?
    </p>
</body>

CSS

body {
    background-color:green;
}
.page {
    overflow:hidden;
    background-color:red;
    width:70%;
    text-align:center;
    margin:0 auto;
    font-size:8em;
    word-wrap:none;
    
}
p {
    width:70%;
    margin:50px auto 0;
    text-align:center;
    font-size:2em;
}