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?