html - How to center images that are side by side in div? -

i wondering how center 2 images side side? here code:

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; } 

i tried putting div around images called "div id="floorplans" , used margin:0 auto didn't trick

website: http://www.meridianridgect.com/floor-plans/

here example should work. if change width of inner div whatever width of objects need center, should center anything.

https://jsfiddle.net/qkd5cm6a/

the code center it:

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