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.