Buttons auf gleicher Höhe

  • Hallo zusammen

    Ich bin seit gut 2 Stunden am googlen und hab die Lösung noch immer nicht gefunden.
    Ich versuche gerade Buttons auf die gleiche Höhe zu bekommen, wie auf dem Bild.

    Mit folgendem Code habe ich jetzt hinbekommen, dass die Boxen alle gleich hoch sind, auch wenn die Texte unterschiedlich lang sind.

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    Die Buttons sind aber nicht auf gleicher Höhe. Wie kriege ich das hin, dass die Buttons wie auf dem Bild auf gleicher Höhe sind?

    Vielen Dank im Voraus für eure Hilfe!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Vielen Dank für deine Antwort und fürs Beispiel.

    Betreffend Forenregel Punkt 2: Ja sorry, URL macht wenig Sinn. Die Seite ist noch im Wartungsmodus ;-)
    Nutze das Theme von Divi und habs jetzt im Feld "Eigene CSS" so gelöst:

    .et_pb_button_module_wrapper {
    bottom: 30px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    }
    Dazu dann noch den Text oberhalb des Buttons einen Padding von 50px gesetzt.
    Ich weiss nicht, ob das nun die eleganteste Lösung ist, aber auf jeden Fall hat's funktioniert ;-)

Jetzt mitmachen!

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