JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-1161238547881925",
enable_page_level_ads: true
});
</script>
</head>
<body style="background-color:powderblue;">
<style>
.p1 {
color: blue;
border-bottom: 5px solid black;
margin: 0;
} 
.p2 {
color: red;
margin: 0;
padding-top
}
.label1 {
color:  black;
}
 .footer-nav {
align-items:center;
display:flex;
}
.wrap {display:block;align-items:center}
.button1 {
background-color: green;
color: powderblue;
border-width:0;
margin-left:50px;
}
</style>
<script>
function flee() {

}
</script>
    <p class="p1" align="center"><font size="10">Welcome To Plieaxploits!</p>
    <p class="p2" align="center" ><font size="5">We Are The Home Of Roblox Exploits!</p>
<p class="p1" align="center"><font size="3.5">Simply Click The Button Next To The Script You Want And CLick Skip AD!</p>

<div class="footer-nav" align="center" style="justify-content: center;">
<p class="label1"><font size = "4" face="cursive">Flee The Facility GUI</font></p>
<button class="button1" onclick="flee()"><font size="4" face ="cursive">GO! 
</font>
</button>
</div>
</body>
</html>