左に浮動小数点型のdiv内の画像を中央に配置する方法

Question

私のウェブサイトはwatersedgeofshelton.comで、「フロアプラン」ページにはコード浮動小数点を使用する2つの画像が並んでいます： 私の問題は、ページ上にあり、まだ並んでいる

ありがとう！

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

Answer 1

あなたのCSSのコードの下に追加して、あなたのページをチェック -

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

この1削除 - それぞれのdiv＃提督とのdiv＃クリッパーからフロートを削除

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

Answer 2

ファーストをし、 div＃floorplansに移動して次を追加します。

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

これがあなたを助けてくれることを願っています。

Answer 3

1）フロートを外す
2）イメージを横並びに表示するには、テーブルまたはul li（水平ナビゲーションと銃弾を使用）を使用します。
3） "align-text：center"を使用します。あなたが使用することをDIVたい場合は、「マージン：0自動」

はそれが

Answer 4

:-)役立つホープなぜはこのようなな何かを試してみませんか？

ラッパーのための幅を設定ラッパー内の浮動のdiv /画像を入れて、ラッパーためマージン自動を設定！