Here is my product layout of my test site.
Test Product Layout
I am showing a preview of the dog tag a customer selects and customize it. So for example when a customer types some thing in Line 1 that text is being displayed and so on.
Where I am stuck is I am not able to display the typed text onto the center of the preview image, its always showing below the image. I have tried using position relative and absolute and its no use.
Also I am stuck is when text is entered in the second line on the preview image the first line text needs to move up a little to display the second line text underneath it and so on. If there is no text in second line, the first line text needs to 100% centered.
Any advise is appreciated