вписать половинку элемента в <div>

Добрый день. Возник интерес, как вписать какой то объект в блок что б он резался по определенной величине этим блоком?
Я пришел к вот такому способу,
https://jsfiddle.net/BlackStar1991/b4kpzxLy/
но он меня не устраивает, поскольку при масштабирование страници, мои text-indent: уезжают в бесконечность.
Подскажите, пожалуйста, как реализовать ?

Да правильно вы это делали. С помощью overflow, а смещать можно позиционированием. Попробуйте использовать относительные величины (%) для масштабирования.

1 лайк