Запутанные отступы

по началу был просто блок, и даже его небыло. Итог тот же.

@HackerProNoob так собственно, Вы мой пример смотрели? Что в нем не так? Насчет нижнего отступа понятно?

@iiil Понятно ;)

@iiil Но все же вопрос в отступах справа и слева.
код блока:

<div class=\"product-right\">
<a href=\"url\" class=\"buybuttr\">Buttom1</a>
<a href=\"url\" class=\"buybuttr\">Buttom2</a>
<div>

@HackerProNoob я Вас не понимаю, хоть убейте. jsfiddle.net/Xc48p/3
Вот пример, я заменил инлайн-блок на обтекание слева. Убрал отступ слева (что Вас в нем удивляет, если Вы сами пишете левый паддинг?). Посмотрите по ссылке, никаких левый отступов. правый отступ появляется из-за того, что блок-родитель больше по ширине двух дочерних.
jsfiddle.net/Xc48p/5 вот так никаких отступов
Что в итоге-то хотите? Ваш пример с самого начала ведет себя абсолютно адекватно разметке. ничего в нем странного нет.

@iiil Сколько не тупил, но все же опыт мал. А причина, в том что все ровно остается линия, сбоку что не изменял, даже по второму вашему примеру.
i.imgur.com/r2qzWn6.png

@HackerProNoob можете кинуть ссылку на сайт?

@iiil testbyjava.url.ph

@HackerProNoob да, опыта у Вас маловато. Вы не сделали ничего из того, о чем я сказал:
Вот так должен выглядеть класс .snapshot

.snapshot {
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
    float:left;
    margin-top: 10px;
    text-align: left;
    transition: all 0.7s ease 0s;
    width: 400px;
}

Я все проверил, не пишите, что не работает.
Единственный отступы, которые появляются теперь - из-за того, что картинка имеет ширину 393 px, картинка отбита влево, появляется полоса в 7 px справа.

Понял, спасибо) Опыта очень мало, самоучка, и очень ленивый.

@HackerProNoob отметьте решением, если все получилось. Не зря же я столько времени убил на объяснения.

@iiil отметил)