title: How to keep HTML lines under 80 characters?
body: <p>I've been told to keep HTML lines under 80 characters. I'm using Atom, and there is displayed a line to remind it. </p>
  
  <p>I've found a lot of discussions about it but no example at all. For example, I have this line:</p>
  
  <pre><code>&lt;p&gt;
  Born and raised in Valencia (Spain), graduated and married in Seville (Spain) and now I'm working and growing my own very family in Vienna (Austria).
  &lt;/p&gt;
  </code></pre>
  
  <p>and if I split it I get this:</p>
  
  <pre><code>&lt;p&gt;
  Born and raised in Valencia (Spain), graduated and married in Seville (Spa
  in) and now I'm working and growing my own very family in Vienna (Austria)
  .
  &lt;/p&gt;
  </code></pre>
  
  <p>But when I look it on the browser there's a space between some words:</p>
  
  <blockquote>
    <p>Born and raised in Valencia (Spain), graduated and married in Seville
    <strong>(Spa_in)</strong> and now I'm working and growing my own very family in Vienna <strong>(Austria)_.</strong></p>
  </blockquote>
  
  <p><em>(I typed underscores to point the generated spaces)</em></p>
  
  <p>How can I avoid this? And when it comes to code: How to split tags, attributes, links, etc.? For example:</p>
  
  <pre><code>&lt;link rel="apple-touch-icon image_src" href="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png?v=c78bd457575a"&gt;
  </code></pre>
  
  <p>or this</p>
  
  <pre><code>&lt;meta name="twitter:title" property="og:title" itemprop="title name" content="Ask a Question" /&gt;
  </code></pre>
  
  <p>Does anyone know any resource to consult?</p>
  
  <p>By the way, for the moment I'm just coding in HTML and not using JS at all, and I need to keep it like this if it's possible.</p>