It is posible show part of div (html element) in other container side horizontal, using css/jquery?

It is posible to do such a trick, like in the image, using css/jquery or other methods ? I need that the same elemnt'开发者_运维技巧s one part would be in the right side and the other part in the left side :)

http://imageshack.us/photo/my-images/43/a320ffs.jpg/

It looks like your best bet would be to use Javascript to compute the width of the first div and use that width as the background-position horizontal offset for the second div.

First, you would need to calculate if any part of the div is outside of the boundaries of the container. The container would have its overflow-property set to hidden by css.

Then you would use javaScript/jQuery to clone the div that is partly outside of the container and place it in a negative left position, equal to the number of pixels that you calculated in the first step.

This is the concept I would use, hope it helps.