Gleichgroße Buttons mit unterschiedlicher Wortlänge erstellen

  • 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;

    }

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!