title: Change position of html element?
body: <p>I am new to html and css. I am trying to move items around on a webpage. This is what the webpage looks like right now: </p>
  
  <p><a href="https://i.stack.imgur.com/P3KUC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P3KUC.png" alt="enter image description here"></a></p>
  
  <p>I have the following code for this webpage: </p>
  
  <p>index.php:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="wrapper"&gt;
          &lt;h2 id="loginText" style="top:383px" &gt;Login&lt;/h2&gt;
          &lt;p id="credentialsText"&gt;Please fill in your credentials to login &lt;/p&gt;
          &lt;form id="formOverall" action="&lt;?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?&gt;" method="post"&gt;
              &lt;div class="form-group &lt;?php echo (!empty($username_err)) ? 'has-error' : ''; ?&gt;"&gt;
                  &lt;label&gt;Username&lt;/label&gt;
                  &lt;input type="text" name="username"class="form-control" value="&lt;?php echo $username; ?&gt;"&gt;
                  &lt;span class="help-block"&gt;&lt;?php echo $username_err; ?&gt;&lt;/span&gt;
              &lt;/div&gt;    
              &lt;div class="form-group &lt;?php echo (!empty($password_err)) ? 'has-error' : ''; ?&gt;"&gt;
                  &lt;label&gt;Password&lt;/label&gt;
                  &lt;input type="password" name="password" class="form-control"&gt;
                  &lt;span class="help-block"&gt;&lt;?php echo $password_err; ?&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="submit" class="btn btn-primary" value="Login"&gt;
              &lt;/div&gt;
              &lt;p&gt;Don't have an account? &lt;a href="register.php"&gt;Sign up now&lt;/a&gt;.&lt;/p&gt;
         &lt;/form&gt;
      &lt;/div&gt; 
  &lt;/body&gt;
  </code></pre>
  
  <p>However, all of the text still appears at the top left of the page. I want the text that says Login to appear further down in the page. That is why I have set style:"top: 383px". However, this text does not move from where it was before. How come this text does not move regardless of what I set in its style attribute?</p>