Как можно разрезать div напополам?

Question

[DTX]

https://jsfiddle.net/61kxcg97/

Надо вот так:

Answer 1

[HamSter]

так

или так

Comments

[DTX]

А если там будет 5 букв? Разрез должен проходить посередине буквы

[Максим Тюльпаков]

букву не разрежешь, если только сделать её графикой, тогда да,- но тогда это уже и не текст будет.

[DTX]

Максим Тюльпаков: да спрятать можно вторую половину блока - вопрос, как лучше это сделать

[HamSter]

DTX: https://jsfiddle.net/9yjsop23/

[DTX]

HamSter: спс. Мб ещё подскажешь, почему сейчас margin: 1rem auto не работает?

[HamSter]

DTX: смотря для чего, если для .abc то из-за абсолютного позиционирования, а если для wrap, то ширину задать и заработает

[HamSter]

DTX: вот так https://jsfiddle.net/kjrazqoL/ вроде по серединке =)

[Максим Тюльпаков]

HamSter: круто :)

[HamSter]

Максим Тюльпаков: =) да ничего особенного

Answer 2

[Алексей Николаев]

Изначально сделать два дива, а не один. Ваш кэп.

Comments

[DTX]

Ну эт понятно. Как лучше обрезать вторую половину?

Answer 3

[Максим Тюльпаков]

Конкретно div - никак, не режется он!