Что за отступы display: inline?

Привет, как исправить отступы при display: inline-block или как по другому расположить элементы друг за другом горизонтально ? (float не подходит) Вся суть проблемы в том, что должны быть расположены 3 элемента в строке, а из за отступов третий не помещается. И в строке получается всего два.

<div class="performance-item">
</div>
<div class="performance-item">
</div>
<div class="performance-item">
</div>

.performance-item {
    padding: 73px 0 0 20px;
    width: calc(100% / 3);
    height: 200px;
    display: inline-block;
}