[ERLEDIGT] 2 DIV mittig ausrichten

[musclebreast]

Hi,

ich Weiss dies wurde oft gefragt aber genau für diesen Fall finde ich nicht die perfekte Lösung. Ich habe 2 DIV's die nebeneinander in der Mitte der Seite sein sollen. Ich versuche es schon und eigentlich müsste es das sein:

<DIV style="margin: 0 auto;width:100%;text-align: center;">
<DIV style="margin-top:0px;float:left";display: inline-block;><img src="load-black.gif" /></DIV>
<DIV style="margin-top:0px;float:left;display: inline-block;"><button class="cancelButton" >Cancel</button></DIV></div>
<div style="clear:left"></div>
</DIV>


Leider sind die DIV's am linken Rand. entferne ich Float left, dann sind sie in der Mitte aber untereinander. Ich hoffe ihr habt einen Tipp für mich.

VG,

Lara

 

[MrMurphy]

Hallo

Dein Quelltext enthält sachliche Fehler und viele überflüssige Angaben.

Ich hoffe ihr habt einen Tipp für mich.

Ja, verwende statt float besser Flexbox. Das kann dann so aussehen:

   <div style="display: flex; justify-content: center;">
      <div>
         <img src="load-black.gif">
      </div>
      <div>
         <button class="cancelButton">Cancel</button>
      </div>
   </div>

Gruss

MrMurphy

 

[musclebreast]

Hi Murphy,

oh mensch, wenn man Weiss was man tut kann es so einfach sein.

Vielen lieben Dank.:)