title: Is there a more efficient way to move elements in CSS?
body: <p>I am a pretty big noob to HTML/CSS and I'm building my first project by making a resume. I have all the things I need in HTML and now I am organizing and moving things in CSS. In order to move stuff into the right spot I am pretty much guessing and checking by using top/bottom/left/right and adjusting pixels from a relative position. Is there a more efficient way to be moving things around the page than this?</p>
  
  <pre><code>h1 {
      text-align: center;
  }
  
  .SEE {
      border-bottom-style: solid;
      border-bottom-color: red;
      border-bottom-width: 5px;
      padding-top: 0px;
  }
  
  .skills {
      position: relative;
      top: 51px;
      left: 34px;
  }
  
  .experience {
      position: relative;
      text-align: center;
  }
  
  .education {
      position: relative;
      left: 1150px;
      bottom:51px;
  }
  
  img {
  height:200px;
  width:200px;
  position: relative;
  bottom:450px;
  left:250px;
  }
  </code></pre>
  
  <p><strong>EDIT:</strong> Here is the HTML it is linked to.</p>
  
  <pre><code>&lt;body&gt;
      &lt;h1&gt;My Name&lt;/h1&gt;
  
      &lt;div class='SEE'&gt;
          &lt;h2 class='skills'&gt;Skills&lt;/h2&gt;
          &lt;h2 class='experience'&gt;Experience&lt;/h2&gt;
          &lt;h2 class='education'&gt;Education&lt;/h2&gt;
      &lt;/div&gt;
  
      &lt;div class='context'&gt;
          &lt;p class='Ski'&gt;Skills Stuff&lt;/p&gt;
          &lt;p class='Exp'&gt;Experience Stuff&lt;/p&gt;
          &lt;p class='Edu'&gt;Education Stuff&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div&gt;
          &lt;h3&gt;Contact Info&lt;/h3&gt;
          &lt;p&gt;Email: blank &lt;br&gt;
          Facebook: blank &lt;br&gt;
          Mobile Phone: blank
          &lt;/p&gt;
  
      &lt;/div&gt;
  
      &lt;img src="blank"&gt;
  &lt;/body&gt;
  </code></pre>