Расположить изображения на равном удалении друг от друга - HTML, CSS - Ответ 7612488

<style>
    #finish, #start{width:100%; height:100%; margin:0}
    #bottom, #top{width:100%; height:40%}
    #middle{width:100%; height:20%; border:2px solid green;}
    #center{width:100%; height:100%; margin:0 auto; border:2px solid red;}
    .item{display:inline-block; width:25%; margin-left:2%; height:100%; border:2px solid red;}
    #logo{width:100%; height:10% border:2px solid green;}
    #img_logo{width:10%; height:100%; margin:0 auto; border:2px solid red;}
    #body_slog{display:table; width:100%; height:90%; border:2px solid green;}
    #slogan{display:table-cell; text-transform:uppercase; font:2em Tahoma; text-align:center; vertical-align:middle border:2px solid red;}
</style>
    <div id="start"></div>
    <div id="top">
        <div id="logo">
            <div id="img_logo"></div>
        </div>
        <div id="body_slog">
            <img class="wp-image-8 aligncenter" src="http://lobbyconsult.ru/wp-content/uploads/2015/03/slogan.png" alt="slogan" width="750" height="78" />
        </div>
    </div>
    <div id="middle">
        <div id="center">
            <div class="item"><img class=" wp-image-87 size-medium alignleft" src="http://lobbyconsult.ru/wp-content/uploads/2015/04/1_10-300x200.jpg" alt="Юридические услуги" width="300" height="200" /></div>
            <div class="item"><img class=" wp-image-89 size-medium alignnone" src="http://lobbyconsult.ru/wp-content/uploads/2015/04/2_10-300x200.jpg" alt="Бухгалтерские услуги" width="300" height="200" /></div>
            <div class="item"><img class=" wp-image-91 size-medium alignleft" src="http://lobbyconsult.ru/wp-content/uploads/2015/04/3_10-300x200.jpg" alt="GR продвижение" width="300" height="200" /></div>
        </div>
    </div>
    <div id="bottom"></div>
<div id="finish"></div>