title: How to prevent a line break to every html element end tag using VSCode Prettier?
body: <p>This what I currently have on my Editor. This is actually a laravel blade, so the filename is <code>page.blade.php</code>. However, I added these on the <code>files.associate</code>;</p>
  <pre><code>&quot;*.blade.php&quot;:&quot;html&quot;
  </code></pre>
  <pre><code>&lt;nav
      class=&quot;navbar navbar-standard navbar-expand-lg fixed-top navbar-dark navbar-theme&quot;
  &gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;a class=&quot;navbar-brand&quot; href=&quot;../index.html&quot;
              &gt;&lt;span class=&quot;text-white&quot;&gt;{{ config(&quot;app.name&quot;) }}&lt;/span&gt;&lt;/a
          &gt;
          &lt;button
              class=&quot;navbar-toggler collapsed&quot;
              type=&quot;button&quot;
              data-toggle=&quot;collapse&quot;
              data-target=&quot;#navbarStandard&quot;
              aria-controls=&quot;navbarStandard&quot;
              aria-expanded=&quot;false&quot;
              aria-label=&quot;Toggle navigation&quot;
          &gt;
              &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
          &lt;/button&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  
  </code></pre>
  <p>So if you notice on the snippet,  the <code>&gt;</code> is always breaking the line and it's not good. especially on the <code>&lt;/a&gt;</code> tag. I tried editing the <code>HTML&gt;Format: Wrapp Attributes</code>, but it's not working, see picture attached:</p>
  <p><a href="https://i.stack.imgur.com/yg0Ux.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yg0Ux.png" alt="vs-code settings" /></a></p>
  <p>Now this is what I want.</p>
  <pre><code>&lt;nav class=&quot;navbar navbar-standard navbar-expand-lg fixed-top navbar-dark navbar-theme&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;a class=&quot;navbar-brand&quot; href=&quot;../index.html&quot;&gt;
              &lt;span class=&quot;text-white&quot;&gt;Logo&lt;/span&gt;
          &lt;/a&gt;
          &lt;button class=&quot;navbar-toggler collapsed&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#navbarStandard&quot; aria-controls=&quot;navbarStandard&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;
              &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
          &lt;/button&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>