<div class="item-list"> <div class="item">içerik 1</div> <div class="item">içerik 2</div> <div class="item">içerik 3</div> <div class="item">içerik 4</div> </div>
*{
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.item-list {
margin-right: -20px;
margin-left: -20px;
}
.item {
padding-left: 20px;
padding-right: 20px;
width: 25%;
display: inline-block;
margin-right: -4px;
vertical-align:top;
}En mantıklı çözümü budur... calc hesabı olmadan paddingleri verir sorunsuz görüntülersiniz.. box-sizing: border-box; mutlaka kullanılmalı
test etmedim direk yazdım. sorun olacağını zannetmiyorum ama olursada yazarsınız düzeltirim..