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: nowrap;
    margin-bottom: 50px;
    transform: scale(1.5);
}

p {
    text-align: center;
}