title: PHP / CSS or Javascript - Automatically create new Divs
body: <p>I have searched on google for this and cannot seem to find what i am looking for, so please forgive me if this is duplicated or answered before... And im a beginner in web design and programming...</p>
  
  <p>I am trying to create new divs above an existing Div and to push the older div down the page,How would i do this effectively, should i use PHP, Javascript or CSS. It is for a comments section, I know i need a database to save comments but all i am trying to do at the moment is to create repeating Divs that flow down the page upon submit.</p>
  
  <p>HTML &amp; PHP:</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
  
      &lt;title&gt;PHP Test&lt;/title&gt;
      &lt;link href="style.css" rel="stylesheet" type="text/css"&gt;
  
  
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
  &lt;h2&gt;&lt;u&gt;Interactive&lt;/u&gt;&lt;/h2&gt;
  
                      Let us and others know your thoughts on this subject...
                      &lt;br /&gt;
                      &lt;h3&gt;Thoughts:&lt;/h3&gt;
  
                          &lt;div id="form"&gt;
                              &lt;form action="" method="post" &gt;
  
                                  &lt;textarea name="Comments" rows="8" cols="40" value="" &gt;&lt;/textarea&gt;
                                  &lt;input type="submit" value="Submit" name="submit" onclick="location.href='test.php'" /&gt;
                              &lt;/form&gt;
                          &lt;/div&gt;
                  &lt;div id="Quotes"&gt;
  
                      In this section, will be where your thoughts are displayed for others to see...
  
                  &lt;?php
  
                      $comments = $_REQUEST ['Comments'];
  
                          echo "&lt;div id='comment'&gt;".$comments."&lt;/div&gt;";
  
  
                  ?&gt; 
  
                  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>body {
  
  
  }
  #wrapper {
      margin: 0 auto;
      width: 500px;
      border: 1px solid black;
  }
  #comment {
  
      border: 1px solid black;
      padding: 5px;
      margin: 5px;
      text-align: center;
  
  }
  </code></pre>
  
  <p>This is where i am at currently.</p>