[Помогите] с блоками

Привет дорогие друзья
помогите мне пожалуйста в решении водной проблемы

у меня в блоке box-product
размещено 3 товара

ширина их 314 пх

мне нужно их разбить

то есть левый товар приталенный к левому краю
правый к правому товара

а тот, что посередине - по центру

чтобы не было отступлений слева и справа

Код:

.box-product {
    width: 100%;
    overflow: auto;
    text-align: center;
}


.box-product > div {
    display: inline-block;
    vertical-align: top;
    width: 314px;
    position: relative;
    margin: 0 8px 15px;
    -webkit-box-shadow: 0 5px 4px rgba(178,178,178,.54);
    -moz-box-shadow: 0 5px 4px rgba(178,178,178,.54);
    box-shadow: 0 5px 4px rgba(178,178,178,.54);
    -webkit-transition: 0.5s ease;
}