JSFiddle - React, Tailwind, and code Playground

by AnnMariePrice

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Lunch Special</title>
</head>
<body>
    <h1>Dado Tea Lunch Special</h1>
<p.1>Monday through Friday<br>
    11am - 3pm<br>
    $9.95 plus tax
    </p.1>
<p>Includes sandwich, snack, and drink.</p>
<form action="https://cscie12.dce.harvard.edu/echo" method="post">
    <fieldset>
        <legend>Order Information</legend>
        
       <p>
         <b><label for="custname">Name</label></b><br>
         <input type="text" name="custname" id="custname">
         </p>
         <p>
         <input type="radio" name="here_or_to_go" id="here"       value="here">
         <label for="here">Here</label><br>
         <input type="radio" name="here_or_to_go" id="to_go" value="to go">
         <label for="to_go">To Go</label>
         </p>
         
 
    </fieldset>
    <fieldset>
        <legend>Sandwiches</legend>
       <p>
       <b>Monday</b><br>
       <input type= "radio" name="sandwich type" id="tomatomozzarella" value= "tomato mozzarella">
        <label for="tomatomozzarella">Tomato Mozzarella</label><br>
        <input type= "radio" name="sandwich type" id="chickensalad" value="chicken salad">
        <label for="chickensalad">Chicken Salad</label>
        </p>
        <p>

        <b>Tuesday</b><br>
      
        <input type= "radio" name="sandwich type" id="greeksaladwrap" value="greek salad wrap">
        <label for="greeksaladwrap">Greek Salad Wrap</label><br>
        <input type= "radio" name="sandwich type" id="totowrap" value="toto wrap">
        <label for="totowrap">Toto Wrap</label>
        </p>
        <p>
        <b>Wednesday</b><br>
        <input type= "radio" name="sandwich type" id="redpepperhummus" value="red pepper hummus">
        <label for="redpepperhummus">Red Pepper Hummus</label><br>
        <input type= "radio" name="sandwich type" id="roastedturkey" value="roasted turkey">
        <label for="roastedturkey">Roasted Turkey</label>
        </p>
        <p>
        <b>Thursday</b><br>
       ...

CSS

body {
  font-family: arial; color: black
}
h1 {color: tomato;
    text-align: center;
    }
input[type=text] {width: 100%; border: 1px solid gray}
fieldset { border: 3px solid hsla(9, 100%, 64%, 0.6) }
legend {color: gray; text-transform: uppercase; font-weight: bold;}
input[type=submit] {background-color: tomato; color: white; display: inline-block; border-radius: 12px; font-size: 24px}