Как сделать в css обрезку overflow по одной стороне?

Question

[Lici]

<div style="overflow: hidden;min-width: 700px;max-width: 1120px;">
	<img src="design/tksred/images/banner1.jpg">
</div>

При этом при уменьшении окна браузера обрезается картинка справа. Но я хочу, что бы правая сторона была полностью видна (там у нее текст), а левая уходила влево и обрезалась.

Как это сделать?

Comments

[Lici]

Переверстать картинку в фон блока не получится из-за особенностей слайдера.

Answer 1

[Юрий Лобанов]

codepen.io/iiil/pen/JcyBz

Comments

[Lici]

божественно)

[Lici]

А как сделать обрезку с 2х сторон равномерно? Что бы было по центру выровнено?

[Юрий Лобанов]

@Lici без изменения верстки? То есть структура вложенной картинки в диве сохраняется?

[Lici]

@iiil да

[Юрий Лобанов]

@Lici в голову приходят только способы с использованием js. В общем, если задача есть, а не из праздного любопытства интересуетесь - пишите вопрос, будем думать.

Answer 2

[denver]

"text-align: right" диву добавить

Comments

[Lici]

Пробовал и райт и лефт и центр - не изменяется ничего.

[Юрий Лобанов]

не сработает

Answer 3

[Максим Тимофеев]

а можно ссылку на это?
Или код с родителем?

Comments

[Lici]

tkstour.com слайдер