Merhaba , eğer bir kayma yaşıyorsan muhtemelen div elemanlarına bir box-sizing özelliği atamamış olabilirsin. https://css-tricks.com/box-sizing/ + böyle bir sıralı div oluşturmak için css-flexbox ve grid-box yöntemlerini de incelemeni tavsiye ederim , float:left komutu eskimeye başladı :( https://css-tricks.com/snippets/css/a-guide-to-flexbox/

*, *:before, *:after {
box-sizing: border-box;
}

.kapsayici {

position:relative;
display:flexbox;
flex-direction:row;
margin:0 -2em;

}

.item {

flex-basis:20% /* 5 eleman için auto yapılabilir.*/
max-width:20%;
padding:0 2em 1em 2em;
border:1px solid #ccc;

}

.item a,
.item img {

display:block;
width:100%;
height:100%;

}

tarzında bir kodlama yapabilirsin , şu anda verimli bir kodlama yapmış olmayabilirim ama bu yöntemi kullanmanı tavsiye ederim , responsive uyumluluğu ve tarayıcıların developer ekiplerinin şu anda entegrasyonda önem verdikleri bir yöntem.