title: How to split a line of HTML code with multiple elements into multiple lines?
body: <p>I have copied and pasted from the inspect html inside chrome into an editor.  But instead of splitting up the code into multiple lines with one div per line all my 100 div elements is in the same line.</p>
  
  <p>How can I easily split them all up so they all get placed with one <code>div</code> per line?</p>
  
  <p>If this is an editor thing then I am using Visual Studio Code.</p>
  
  <p>The code that I pasted from chrome:</p>
  
  <pre><code>&lt;div id="r201" class="ruta"&gt;&lt;/div&gt;&lt;div id="r202" class="ruta"&gt;&lt;/div&gt;&lt;div id="r203" class="ruta"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How I would like it to be:</p>
  
  <pre><code>&lt;div class="ruta"&gt;&lt;/div&gt;
  &lt;div class="ruta"&gt;&lt;/div&gt;
  &lt;div class="ruta"&gt;&lt;/div&gt;
  &lt;div class="ruta"&gt;&lt;/div&gt;
  &lt;div class="ruta"&gt;&lt;/div&gt;
  </code></pre>