title: The Correct Way to Wrap a Button with a Link
body: <p>Fairly new to coding html and css and want to make sure I'm keeping my code clean and closing tags correctly. 
  I'm working with an html template and trying to correctly create links from my buttons.</p>
  
  <p>The way I've wrapped them in Brackets is working properly on the page and the links are working correctly, but Brackets is showing some red tags meaning I've not wrapped something properly. </p>
  
  <p>Could someone show me where I'm doing this incorrectly, as I'd like to follow good code form moving forwards. </p>
  
  <p>Thanks so much.</p>
  
  <p>Current code for the button below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;a href="contact_us.html"&lt;button class="button -blue -bordered"&gt;&lt;span class="button--inner"&gt;Contact Us&lt;/span&gt;&lt;/button&gt;&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>