JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<body>
<link rel="stylesheet" type="text/css" href="coinflip.css">
<title>Coinflip | 50/50!</title>

<h1><Coinflip</h1>
<div class="circle">

  <?php
    $flip = 0;
    $winner = rand(0,1)
    if ($winner = 0) {
      echo "<p>The Coin Landed On Tails!</p>"
    }
    else {
      echo "<p>The Coin Landed On Heads!</p>"
    }
  ?>
  
</div>

</body>
</html>

CSS

.h1 {
  font-family: Arial, Verdana, sans-serif;
  text-align: center;
  color: black;
}
.cirlce {
	border-radius: 50%;
	width: 200px;
	height: 200px; 
}