Wie Bilder in div, die Float sind links

Question

meine Website ist watersedgeofshelton.com und auf der Seite "Grundrisse" Ich habe zwei Bilder nebeneinander, dass der Code float: links mein Problem ist, dass ich sie nicht zentriert bekommen kann auf der Seite und auch noch nebeneinander

danke!

div#floorplans { 
text-align: center; 
} 
div#admiral { 
float: left; 
padding-right: 20px; 
} 
div#clipper { 
float: left; 
}  

Answer 1

unten Code in Ihre CSS hinzufügen und Ihre Seite überprüfen - diese

div#admiral, 
div#clipper { 
    width: 50%; 
} 

und entfernen -

div#admiral { 
    padding-right: 20px; 
} 

Answer 2

Entfernen Sie zuerst Schwimmer von jedem div # Admiral und div # Klipper und dann goto div # Grundrisse und füge die folgenden

div#floorplans { 
    text-align: center; 
    display: flex; 
    margin-left: 70px; 
} 

hinzu

Hoffe das hilft dir.

Answer 3

1) Entfernen Float
2) Verwenden Sie Tabelle oder UL li (mit horizontalen nav und Verstecken Kugeln) für Bilder nebeneinander angezeigt werden.
3) benutze "align-text: center"; wenn Sie die Verwendung "margin: 0 auto" wollen div

Hoffe, dass es helfen :-)

Answer 4

Warum nicht versuchen so etwas?

den Schwimm divs/images innerhalb eines Wrapper eine Breite für die Wrapper gesetzt und stellt ein Marge Auto für den Wrapper!