Разделить блок надвое, css?
Создайте два идентичных блока и наложите их друг на друга (один скройте),
при наведении отобразите оба и раздвиньте их на нужное расстояние,
при этом их содержимое сдвиньте на 50% в нужном направление и через overflow закройте торчащие части.
.container {display:block; padding:5px; }
.left {width:50%; border-left:1px dotted black;}
.right {width:50%; float:right;}<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
Хотя скорее всего у вас в css есть разметка , просто разделить контейнер на six six