title: Text won't align after giving it padding
body: <p>I am attempting to make my site responsive, I give my heading text 15px of padding however if the text stretches onto a new line the next line doesn't get the correct padding on the left side. Is it possible to make the text align?</p>
  
  <p>Here is a screenshot of the text.</p>
  
  <p><img src="https://i.stack.imgur.com/YZkbE.jpg" alt="enter image description here"></p>
  
  <p>Here is the CSS i'm using.</p>
  
  <pre><code>.article_title {
  
          font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
          line-height: 10px;
          color: #666;
          font-weight: bold;
          padding: 15px;
      }
  </code></pre>
  
  <p>and my html element is </p>
  
  <pre><code>&lt;span class="article_title"&gt;Building Refurbishment and Modernisation&lt;/span&gt;
  </code></pre>