So I got this code from codeacademy. It's supposed combine php, html and css to randomly output a coin-styled div in a while loop as long as the result is heads. However, It's not working, all the php is showing and I have no clue why.
.coin {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    background-color: grey;
 text-align: center;
 font-weight: bold;
 font-family: sans-serif;
 color: white;
 margin: 10px;
 display: inline-block;
 line-height: 50px;
 font-size: 20px;
}<!DOCTYPE html>
<html>
    <head>
     <link type='text/css' rel='stylesheet' href='style.css'>
  <title>More Coin Flips</title>
 </head>
 <body>
 <p>We will keep flipping a coin as long as the result is heads!</p>
 <?php
 $flipCount = 0;
 do {
  $flip = rand(0,1);
  $flipCount ++;
  if ($flip){
   echo "<div class="coin">H</div>";
  }
  else {
   echo "<div class="coin">T</div>";
  }
 } while ($flip);
 $verb = "were";
 $last = "flips";
 if ($flipCount == 1) {
  $verb = "was";
  $last = "flip";
 }
 echo "<p>There {$verb} {$flipCount} {$last}!</p>";
 ?>
    </body>
</html> 
     
     
    