HTML / CSS: Meine div-Box-Breite passt sich automatisch dem Inhalt an?
Wie löse ich das Problem? Die div-Box soll immer die gleiche Breite behalten.
CSS-Code:
.btn-1 {
text-transform: none;
cursor: pointer;
overflow: visible;
font-family: inherit;
line-height: inherit;
padding: 20px 50px;
color: white;
background-color: #424242;
border-color: #fff;
transition-duration: 0.4s;
border-radius: 15px !important;
font-size: 1.3em !important;
text-rendering: auto;
word-spacing: normal;
letter-spacing: normal;
text-shadow: none;
align-items: flex-start;
font: 400 13.3333px Arial;
border-width: 2px;
border-style: outset;
border-image: initial;
}
HTML:
<button data-shoppy-product="hzX6G9S" class="btn-1">Pay 15 €</button>
Unwichtig:
<script src="https://shoppy.gg/api/embed.js"></script>
2 Antworten
Mit dem Attribut
width: Breit in Pixel;
in CSS
Woher ich das weiß:eigene Erfahrung
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML
Das ist kein div sondern ein button. Und das passt sich, wenn man nichts anderes angibt, dem Inhalt an. Wenn Du das nicht willst, musst Du in deinem CSS die konkrete Breite für das Element angeben. Beispiel:
.btn-1 { width: 120px; }
Den Wert musst Du deinen Wünschen anpassen.
Beachte, dass Du dadurch ggfs. auch andere Elemente, denen Du diese Klasse zuweist, beeinflusst. Wenn Du das nicht willst, musst Du entweder mit zusätzlichen Klassen arbeiten oder einen höherwertigen Selektor angeben.
Woher ich das weiß:Berufserfahrung