JSFiddle - React, Tailwind, and code Playground
HTML
<header>
<h1>This is the header</h1>
</header>
<main>
<h1>Attack of the Clones</h1>
<p>You mean it controls your actions? He is here. Hey, Luke! May the Force be with you.</p>
<h2>The Rebel Force</h2>
<p>I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. Your eyes can deceive you. Don't trust them. Still, she's got a lot of spirit. I don't know, what do you think?</p>
<ul>
<li>I'm trying not to, kid.</li>
<li>Your eyes can deceive you. Don't trust them.</li>
<li>Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</li>
</ul>
<h3>The Sith Lords</h3>
<p>I want to come with you to Alderaan. There's nothing for me here now. I want to learn the ways of the Force and be a Jedi, like my father before me. Hey, Luke! May the Force be with you. What good is a reward if you ain't around to use it? Besides, attacking that battle station ain't my idea of courage. It's more like…suicide.</p>
<h4>The Phantom Menace</h4>
<p>Ye-ha! I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</p>
<ol>
<li>Oh God, my uncle. How am I ever gonna explain this?</li>
<li>I find your lack of faith disturbing.</li>
<li>He is here.</li>
</ol>
<h5>Jedi Academy</h5>
<p>In my experience, there is no such thing as luck. You're all clear, kid. Let's blow this thing and go home! She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There'll be no one to stop us this time! Hokey religions and ancient weapons are no match for a good blaster at your side, kid.</p>
</main>
<div class="toTop">
<a href="#top">Back to top...</a>
</div>
CSS
body {
margin: 0 10em;
}
body::before {
content: "";
width: 100%;
height: 5em;
background: white;
position: absolute;
bottom: 0; left: 0;
}
main {
position: relative;
padding: 1em;
}
.toTop {
display: inline-block;
background: salmon;
color: white;
padding: 1em;
position: fixed;
bottom: 1em;
left: 1em;
z-index: -1;
}