title: Visual Studio code beautify format issues
body: <p>I'm using VS Code + js-beautify + Beautify css/sass/scss/less, and I'm facing couple of annoying issues when I format my code (don't know how to solve them):</p>
  <ol>
  <li><p>This is NOT how I want my background color to look.<br />
  From:</p>
  <pre><code> background-color: rgba(0, 0, 0, .0);
  </code></pre>
  </li>
  </ol>
  <p>To:<br /></p>
  <pre><code>    background-color: rgba(0,
      0,
      0,
      .0);
  </code></pre>
  <p>I want it to be format as one line (like &quot;from&quot;).<br /><br /></p>
  <ol start="2">
  <li>The &quot;cursor&quot; property is in different color
  <br />
  <a href="https://i.stack.imgur.com/ERlGL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ERlGL.png" alt="enter image description here" /></a></li>
  </ol>
  <ol start="3">
  <li><p>When I format my html code, there are line spaces in the body and the html.<br />
  From:<br/></p>
  <pre><code> &lt;!DOCTYPE html&gt;
     &lt;html lang=&quot;en&quot;&gt;
      &lt;head&gt;
       &lt;title&gt;React App&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
     &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>
  </li>
  </ol>
  <br />
  To:<br/>
  <pre><code>    &lt;!DOCTYPE html&gt;
        &lt;html lang=&quot;en&quot;&gt;
  
         &lt;head&gt;
          &lt;title&gt;React App&lt;/title&gt;
         &lt;/head&gt;
  
         &lt;body&gt;
         &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
        &lt;/body&gt;
  
       &lt;/html&gt;
  </code></pre>
  <p>I want it to be formatted without any empty spaces (like &quot;from&quot;).</p>