<p dir="auto">Shouldn't there be a white-space between inline DOM elements separated by a line break [1]?</p>
<p dir="auto">I think this example describes the situation pretty well: <a href="http://jsfiddle.net/bstst/kb3gN/2847/" rel="nofollow">http://jsfiddle.net/bstst/kb3gN/2847/</a></p>
<p dir="auto">Right now the workarounds are pretty ugly -- either CSS (don't get me started!) or manual white-space inside the inline elements (as in <code class="notranslate">&lt;span&gt;foobar &lt;/span&gt;</code>), both of which are quite non-semantic.</p>
<p dir="auto">Hope it's not a duplicate of an earlier issue -- I did my research!<br>
Cheers!<br>
M.</p>
<p dir="auto">[1] <a href="http://www.w3.org/TR/html401/appendix/notes.html#notes-line-breaks" rel="nofollow">http://www.w3.org/TR/html401/appendix/notes.html#notes-line-breaks</a></p>
<h3 dir="auto">Website or app</h3>
<p dir="auto">google.com</p>
<h3 dir="auto">Repro steps</h3>
<p dir="auto">This started after last update 4.20.0<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/11052469/137713404-e6702959-7870-46a6-8566-4cfe61d25309.png"><img src="https://user-images.githubusercontent.com/11052469/137713404-e6702959-7870-46a6-8566-4cfe61d25309.png" alt="image" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/11052469/137713464-c5e478d2-4e9e-4ee4-abdf-83d23c04704b.png"><img src="https://user-images.githubusercontent.com/11052469/137713464-c5e478d2-4e9e-4ee4-abdf-83d23c04704b.png" alt="image" style="max-width: 100%;"></a></p>
<h3 dir="auto">How often does this bug happen?</h3>
<p dir="auto">Every time</p>
<h3 dir="auto">DevTools package (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">DevTools version (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Error message (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Error call stack (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Error component stack (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">GitHub query string (automated)</h3>
<p dir="auto"><em>No response</em></p>