[CSS] Mittig stellen [Frage]

Hallo,

Ich komme nicht mehr weiter, habe einiges versucht aber leider komme ich nicht weiter.
Brauche eure Hilfe dafür.

http://prntscr.com/b3w42x

Die Buttons auf dem Bild möchte ich in der Mitte haben.

So sehen die Codes aus:

#alert {


    background: #1A303F;
    height: 75px;
    width: 956px;
    margin: 90px auto;
    border: solid 2px white;
    box-shadow: inset 0px -3px 0px #070c10, 0px 2px 0px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    z-index: 99;
       }
       #button {
          left: 0;
           right: 0;
           float: left;
        margin-right: 10px;
        border-radius: 50%;
        background-color: #f7f7f7;
        background-repeat: no-repeat;
        width: 60px;
        height: 60px;
        box-shadow: 0 3px 0 #cbcbcb;
        color: #000000;
        font-size: 18px;
        cursor: pointer;
        font: inherit;
        transition: all .1s linear;
        text-align: center;
        font-size: 18px;
        line-height: 54px;
        font-family: lobster;
        text-shadow: 0 0 1px #ffffff;
       }
       #button:active {
        box-shadow: 0 2px 0 #006599;
        transform: translateY(3px);
       }




 <div id="alert">
              <div id="button">Home</div>
              <div id="button">CMS</div>
              <div id="button">EMU</div>
              <div id="button">Index</div>
              <div id="button" style="font-size: 17px;">Kontakt</div>
            </div>

Ob Ihr mit irgendwie Helfen könnt.

Bedanke mich jetzt schon.
Kommt nicht mit Google ist dein Freund! Sonst würde ich hier nicht fragen.

Zitat von Nico-Cola

<center> in HTML, ist Veraltet und bestimmt nicht Professionell aber hilft meistens.
Ansonsten versuche mal
.text-align:center; bei Button oder Alert.

Wenn du mal schauen würdest, habe ich dort schon text-align:center; und mit <center></center> Habe ich auch schon versucht.

Zitat von SunnieX

.page { width: ?px; height:?px; margin-left:auto; margin-right:auto; }

<section class="page">

<!-- deine buttons -->

</section>

SunnieX Bruder ging nicht.

Zitat von Aaaaaaaaaaaaaaerix

Du musst einen weiteren Container hinzufügen, den du innerhalb von

Code

<div id="alert">

zentrierst.

Wenn die Breite festgelegt ist, kannst du das gewünschte mit

Code

margin: 0 auto;
width: 350px;

erreichen. Natürlich nehme ich hier an, dass du 5 Buttons besitzt.
Rechnung: 5*(60+10) = 350
60 = Breite der Buttons
10 = Margin nach Rechts

Auch wenn du es nicht hören willst, Google ist auch in diesem Fall dein Freund wenn du weitere Informationen dazu haben möchtest:
http://stackoverflow.com/questions/1145…-a-div-in-a-div

So funktioniert es zum Beispiel:
https://www.cuve.co/3hnvl

Alles anzeigen

Ging auch net

Zitat von SunnieX

hier bruder
https://codepen.io/SunnieX/pen/VaNQqd

Suuuper ging

Danke sehr bruder

#closed