How to define a page using css,jquery ?

How to define a page using css,jquery ?

Hi

I am developing a website in which registered user can input questions and respective answer. On web page load, a blank web page should appear along with a blank text box. The page should be certain height and width. The user types a question in the text box and then presses enter. Then a new text box appears below the present text box. In this newly added text box, user types the answer of the question. Then he presses enter, then a  new text box appears below the current text box. And so on, the user could able to type unlimited questions with respective answers in the web page. 

I could able to provide addition of text boxes upon pressing key but could not able to figure out a way to define a page.  

what I mean is;

My requirement is to show a page first with certain height and width with a blank text box first. User types, then presses enter, a new text box appear below it. User repeats this once the text boxes fills the current page and new page with same height and width appear below. The previous process repeats until the text boxes fill the next page and then a new page appears below. 

It is similar to Microsoft word paging in which once user reaches the bottom of the page, a new page appears below. 

Hope you understand my requirement. I am sorry for my bad English. Please guide me in this regard. 

I dont want plugin. I am interested in coding part. So any guidance is truely welcome. 

Thanks in advance.