divに並んでいる画像を中央に揃える方法は？

Question

私はどのように横に並んでいる2つの画像を中心に置くのだろうか？ここ は私のコードです：

div#allen { 
float: left; 
padding: 0px 27px 0px 0px; 
} 

div#buckshill { 
float: left; 
padding: 0px 27px 0px 0px; 
} 

div#harvest { 
float: left; 
padding: 0px 27px 0px 0px; 
} 

私は「のdiv idは=」フロアプラン」と呼ばれるすべての画像の周りのdivを入れてみましたし、余裕を使用：0自動それがトリック

ウェブサイトをしませんでした。http://www.meridianridgect.com/floor-plans/

Answer 1

親のdivクラス名は親と子どもタグクラス名が、その後子供 である場合：

.parent{ 
     text-align: center; 
    } 
    .children{ 
     display: inline-block; 
    } 

あなたのサイトでは、親は#floorplansで、子は（div#allen, div#buckshill, div#harvest）であり、そこの近くのpです。

削除浮動小数点：なし;すべての子供にこのコードを使用してdisplay: inline-block;問題を解決してください。

Answer 2

ここでは、うまくいくはずの例です。内側のdivの幅を、中心に置く必要のあるオブジェクトの幅に変更すると、何かを中心に配置する必要があります。

https://jsfiddle.net/qkd5cm6a/

それを中央にするためのコード：

#inner { 
    width: 400px; 
    margin: 0 auto; 
}