title: Aligning Paragraph Text in Header
body: <p>I'm coding my first website and I am having trouble aligning the intro text. Right now the paragraph is aligned to the left which is great, but I'm trying to have the text box be only the width of 625px and right now it's spanning the entire width of the page. I tried to use padding to resolve it, but the text just remains the same width of the page. Below is my current code any help would be great! </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;header class="masthead"&gt;
    &lt;div class="container"&gt;
      &lt;div class="intro-text"&gt;
          &lt;p&gt;"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum. &lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>header.masthead {
    text-align: left;
    color: white;
    background-image: url("../img/headshot.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right;
    background-size: 500px 601px
  }
  
  header.masthead .intro-text p {
    padding-top: 50px;
    padding-bottom: 100px;
    padding-right: 500;
  }
  </code></pre>