title: VS Code beautify break tags in react html
body: <p>I have beautify in VS code, so when I apply it to</p>
  
  <pre><code>&lt;div className="chatApp" style={style}&gt;
      &lt;Navigation /&gt;
      &lt;ChatField /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I get</p>
  
  <pre><code>  &lt;
    div className = "chatApp"
    style = {
      style
    } &gt;
    &lt;
    Navigation / &gt;
    &lt;
    ChatField / &gt;
    &lt;
    /div&gt;
  </code></pre>
  
  <p>but i want somethig like that</p>
  
  <pre><code>&lt;div className = "chatApp"
   style = {
       style
   }&gt;
       &lt;Navigation /&gt;
       &lt;ChatField /&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Question is how can i change beautify settings to not transfer tags to a new line(div, p, span and etc)?</p>