Höhe von Grid-Zellen

[Miriam]

Hello,
ich habe folgendes versucht
CSS:

main {  
  display: grid;  
  grid-template-columns: auto;  
  border: dotted 5px green;  
}  
  
div {  
  display: grid;  
  grid-template-columns: repeat(3, max-content);  
  gap: 1em;  
  justify-self: center;  
  border: dotted 2px yellow;  
}  
  
p {  
  border: 2px solid black;  
}  

HTML:

<main>  
<div>  
<p>  
Preis:  
</p>  
<p>  
100  
</p>  
<p>  
Euro  
</p>  
</div>  
</main>  

Result:

Wie entferne ich die Zeilen über und unter dem Text?