What does this code display?

<html>
<head>
<link rel="stylesheet" href="style.css">
<style>
.single {
height: 20px;
background-color: RosyBrown;
}

.double {
height: 40px;
background-color: brown;
}
</style>
</head>
<body>
<h1>Easy Coffee Guide</h1>
<p class="single">7g for a single shot</p>
<p class="double">14g for a double shot</p>
</body>
</html>]]>
Two paragraphs, one double the height of the otherTwo paragraphs, both the same heightThree paragraphs, all with different heights

Two paragraphs, one double the height of the other.