Multiple line out put, with multiple variables using innerHTML

I've got a couple of forms on HTML giving a variable to each other. My plan is to show a sort of "receipt" to display what is being purchased.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<p>Review Purchases</p>
<p id="recipt"></p>
<button onClick="refresh()" type="button">Refresh</button>
<p><a href="Payment.html">PAY NOW</a></p>
    
</body>
<script>
    greenglovess = localStorage.getItem("greengloves");
    blackglovess = localStorage.getItem("blackgloves");
    whiteglovess = localStorage.getItem("whitegloves");
    redglovess = localStorage.getItem("redgloves");
    
    
    function refresh(){
        document.getElementById("recipt").innerHTML =
            "Green Gloves: " + greenglovess +
            "Black Gloves: " + blackglovess +
            "White Gloves: " + whiteglovess +
            "Red Gloves: " + redglovess;
    }
</script>
</html>

How can I make it so that the gloves will be displayed on separate lines?

The Important Stuff:

<script>
    greenglovess = localStorage.getItem("greengloves");
    blackglovess = localStorage.getItem("blackgloves");
    whiteglovess = localStorage.getItem("whitegloves");
    redglovess = localStorage.getItem("redgloves");


    function refresh(){
        document.getElementById("recipt").innerHTML =
            "Green Gloves: " + greenglovess +
            "Black Gloves: " + blackglovess +
            "White Gloves: " + whiteglovess +
            "Red Gloves: " + redglovess;
    }
</script>

Solution

You can add <br/> tag to add a newline in HTML

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Untitled Document</title>
</head>

<body>
  <p>Review Purchases</p>
  <p id="recipt"></p>
  <button onClick="refresh()" type="button">Refresh</button>
  <p><a href="Payment.html">PAY NOW</a></p>

</body>
<script>
  greenglovess = localStorage.getItem("greengloves");
  blackglovess = localStorage.getItem("blackgloves");
  whiteglovess = localStorage.getItem("whitegloves");
  redglovess = localStorage.getItem("redgloves");


  function refresh() {
    document.getElementById("recipt").innerHTML =
      "Green Gloves: " + greenglovess + "<br/>" +
      "Black Gloves: " + blackglovess + "<br/>" +
      "White Gloves: " + whiteglovess + "<br/>" +
      "Red Gloves: " + redglovess;
  }
</script>

</html>