Ich kann den Text mit Hintergrund nicht weglassen, ohne die zusätzlichen Ränder auszufüllen ⇐ CSS

[Guest]

Ich versuche, den Hintergrund des Textes in der richtigen Größe auszufüllen und das „Span“ an der richtigen Stelle zu platzieren, aber ich schaffe es nicht, weil entweder der Block vollständig ausgefüllt ist oder ich es kann Nicht verschieben, Screenshots sind beigefügt. Folgendes kommt heraus:

Leider mache ich das nur so:


Oder so:


Oder so, aber Sie können es dann nicht verschieben:


Mit anderen Worten, der Hintergrund ist entweder richtig ausgefüllt, kann aber nicht an die richtige Stelle verschoben werden, oder er ist nicht richtig ausgefüllt, befindet sich aber an der richtigen Stelle .
Die Verwendung von margin hilft nicht.

Code: Select all

.first .price {
display: block;
padding-left: 14px;
padding-right: 14px;
padding-top: 30px;
padding-bottom: 30px;
border-radius: 10px;
border: 1px groove #C175FF;
background-color: #1D0E2D;
color: white;
}

.first .purp {
color: #C175FF;
}

Code: Select all

[url=#]
[img]CSS/img/pets simulator.png[/img]

LOLKEK

9999.99
₽

[/url]