title: Minimize HTML into a single line
body: <p>I need to minimize this code to a single line.</p>
  
  <p>I am using Adobe Edge and am creating some code for some paragraphs inside one text box. If your interested the code needs to be loaded into an area called <code>document.compositionReady</code>.</p>
  
  <p>The big limitation is that the way the code is loaded through javascript does not allow for multiple lines to be used.</p>
  
  <p>So I have already done this manually and its not a problem, it works fine but it takes a long time. I can use Aptana studio with the <code>format</code> command to un-compress the code back to normal, the problem is that during development I am constantly having to compress this code into a single line manually, which is time consuming and distracting. </p>
  
  <p>So I need a manual tool that can turn this:</p>
  
  <pre><code>&lt;style media='screen' type='text/css'&gt;
      .text {
          padding: 1px 1px 1px 1px;
          font-size: 12px;
      }
  &lt;/style&gt;
  
  &lt;!-- now for html --&gt;
  
  &lt;div style='width:550px;' &gt;
      &lt;div style='float:left;font-size:1.2em;' class='text'&gt;
          Title goes here
      &lt;/div&gt;
      &lt;div style='width:60px;float:left;' class='text'&gt;
          &lt;span style='font-size:0.8em;'&gt;
              ®
          &lt;/span&gt;
      &lt;/div&gt;
      &lt;div style='float:left' class='text'&gt;
          Some paragraph text
      &lt;/div&gt;
      &lt;div style='float:left;padding-top:10px;' class='text'&gt;
          &lt;span style='font-style:italic;'&gt;
              A footer to the paragraph
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>into this:</p>
  
  <pre><code>&lt;style media='screen' type='text/css'&gt;.text {padding: 1px 1px 1px 1px;font-size:12px;}&lt;/style&gt;&lt;!-- now for html --&gt;&lt;div style='width:550px;' &gt;  &lt;div style='float:left;font-size:1.2em;' class='text'&gt;MY BRILLIANCE&lt;/div&gt;&lt;div style='width:60px;float:left;' class='text'&gt;      &lt;span style='font-size:0.8em;'&gt;®&lt;/span&gt; &lt;/div&gt;  &lt;div style='float:left' class='text'&gt;       With release comes growth, through challenge comes wisdom, let us show you the way. &lt;/div&gt;  &lt;div style='float:left;padding-top:10px;' class='text'&gt;&lt;span style='font-style:italic;'&gt;Absolute Equal Acceptance through Thought, Conscience and Reunion.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>