How camera fit object to left half side of the screen(width and height)


After clicking the button, I want the whole 3D object(width and height) to fit to left side of the screen and show a div HTML info in the right side of the screen.

How to fit object to left side of the screen without changing camera.fov? Is it possible to set margin(px) like the following picture?

Here is the fiddle.



Perhaps a layout would help others. I can see a few ways but not sure exactly. like for example A or B.

Hi @blackstrings0, example A is what I want. Thanks.