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

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем etens1212, 27 фев 2016.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    Привет дорогие друзья
    помогите мне пожалуйста в решении водной проблемы

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

    ширина их 314 пх

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

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

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

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

    [​IMG]


    Код:
    .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;
    }