How to define a page similar to Microsoft word paging?

Question

Hi 

 

I am working in a project in which user can type unlimited question with respective answer on a web page.

 

On web page load, a blank page should appear with only one text box at the top of the page. User types the questions and presses enter. On pressing enter, a new text box appear below it. User types the respective answer and presses enter then another new text box appear below it. This process continues as long as the user want.

 

I could able to provide addition of text boxes on pressing enter. But could not able to figure out how to define the paging.

 

What I mean is;

 

my requirement is, on web page load, a blank page with certain height and width should appear first with a blank text box on the top  of the page. user types the question and presses enter then a new text box appear below it. user types respective answer and presses enterthen a new text box appears below it. this process repeats till the text boxes fills the current page. The moment the current page is filled then a new page should appear with same height and width below it with text box on top of the page. 

 

Hope you understand my requirement. It is quite similar to Microsoft word. first a blank page appears. the moment text reaches the bottom of page and new page appears below it.

 

Please guide me in this regard. I dont want to use any plugin. I want to achieve this using jquery code. Thanks in advance.