Как расположить два изображения в линию в резиновом блоке

[art201214]

Товарищи, подскажите как решить проблему. Нужно расположить два изображения рядом в резиновом блоке, что добавить в ".banners img"?

На скрине наглядный пример

<section class="banners">
  <img src="img/banners/nike.png" alt="" class="left-banner">
  <img src="img/banners/caps.png" alt="" class="right-banner">
</section>

.banners {
	width: 1300px;
	max-width: 100%;
}

.banners img {
	border: 1px solid #e5e5e5;
}

 

[alejandro13]

А если так?)

https://jsfiddle.net/t41Lttua/3/

[npofopr]

Я бы лучше картинки обернул в div.

Этим дивам как раз бы и указал 50%. А картинки просто растягивал на 100%

[klierik]

https://jsfiddle.net/klierik/t41Lttua/4/

[alejandro13]

Задайте изображениям ширину в процентах:

https://jsfiddle.net/gbsetje7/

[alejandro13]

12 часа назад, art201214 сказал:

что добавить в ".banners img"

Я исходил из этого соображения, а так конечно да - лучше обернуть картинки в div.

[by chris]

Banners вообще лучше везде убрать, если не хочешь попадания под фильтры адблоков.

[art201214]

2 часа назад, npofopr сказал:

Я бы лучше картинки обернул в div.

Этим дивам как раз бы и указал 50%. А картинки просто растягивал на 100%

Попробовал и так и как alejandro13 советовал, но они не становятся рядом, все равно друг под другом https://jsfiddle.net/t41Lttua/

Точнее, если сделать как alejandro13 предложил, но менее 50% - они распологаются рядом, но тогда между ними пространство

14 минуты назад, by chris сказал:

Banners вообще лучше везде убрать, если не хочешь попадания под фильтры адблоков.

Это учебный проект. Но спасибо, буду иметь ввиду

Edited August 4, 2016 by art201214

[art201214]

41 минуту назад, alejandro13 сказал:

А если так?)

https://jsfiddle.net/t41Lttua/3/

Шик-блеск, спасибо)