Как сделать отступ меньше между элементами li?

Question

[Quartex]

Всем привет, столкнулся с проблемой при работе с ul,li. картинки с 2 сторон выходят за рамки, как сделать чтобы они были ближе к центральному и, соответственно не выходили за рамки. Заранее спасибо.
скрин

html

<div class="car">
					<ul class="research-container">
						<li>
							<img src="images/research/research1.png">
						</li>
						<li>
							<img src="images/research/research1.png">
						</li>
						<li>
							<img src="images/research/research1.png">
						</li>
					</ul>
			</div>

css

.car {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	overflow: hidden;
	background: #FBF9FA;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin-top: -85px;
	margin-left: -50px;
	margin-right: -50px;
	height: 950px;	
	background-image: url("images/how-we-work/car.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	z-index: 1;
}

.research-container{
	padding: 5px;
	display: inline-flex;;
	padding-top: 270px;
	position: relative;
  justify-content: space-between; 
}

Comments

[Иван]

уменьшить ширину .research-container

[Ankhena]

-> jsfiddle.net

А так, поставить отступы, чтобы компенсировать наклон.

[Антон Спирин]

Вот ваш код: https://jsfiddle.net/w397Lz59/
Отступов нет. Смотрите какие подключены в проекте библиотеки, видимо они переопределяют стили для ul, li.

Answer 1

[Ярослав Винник]

Нужно зделать елементу "car" родительский елемент с

padding-left: 50px;
padding-right: 50px