Hallo zusammen,
ich möchte gerne mehrere gleichgroße Buttons erzeugen aber mit unterschiedlicher Wortlänge.
Bisher richtet sich aber die Buttongröße immer nach der Textlänge. Ich habe schon versucht den Abstand des Wortes zur Box zu vergrößern (also padding zu a), aber dass ist so pi x Daumen. Kann ich dem inline-block eine feste Größe geben? Oder wie würde ich das lösen?
Danke für Tipps
LG
Andrea
Rahmenbedingungen
zusätzliche Techniken: HTML und CSS
Browser & Betriebssystem: Windows 10, Chrome
Editor: Notepad++
Code:
HTML
<div class="quer">
<a href class =border1>Link 8</a>
<a href class =border2>Link 9</a>
<a href class =border3>Link 1000000</a>
</div>
Css
.quer {
background-color: black;
display: inline-block;
}
.border1 {
border: 5px solid red;
}
.border2 {
border: 5px solid orange;
}
.border3 {
border: 5px solid blue;
}