CSS Background

Shopware 5 Themes & Design
1

Liebe Community,

bastle schon ein Weile aber kriege es nicht hin. Folgendes CSS umgibt den Text in einem digital Publishing Banner mit einem weissen, leicht transparenten Hintergrund.

		padding: 10px;
		margin: 10px;
		border-top-left-radius: 255px 15px;
      	border-top-right-radius: 15px 225px;
      	border-bottom-right-radius: 225px 15px;
      	border-bottom-left-radius:15px 255px;
		box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
		background: rgba(255,255,255,0.8);

Nun möchte ich aber, dass der Hintergrund an jedere Seite 10px Abstand hat, also der Hintergrund grösser ist, als der Text selbst. Aber mit Margin oder Padding klappts nicht.

Hat jemand eine Idee?

Liebe Grüsse

Sijandi

2

Schau Dir einfach auch mal ein paar Knotenpunkte vor-und nacher an! Und geht es dort um ein DIV oder ist zufällig noch ein SPAN beteiligt!? Obere und untere Ränder wirken sich nämlich nicht auf Inline-Elemente aus.

https://wiki.selfhtml.org/wiki/Box-Modell

 

3

Hallo Murmeltier,

besten Dank für deine Antwort, dann weiss ich wo ansetzen.

Gruss

Sijandi vom Drachenhort