title: Prevent automatic line breaks in a <code> tag
body: <p>I have a html <code>code</code> tag, wrapped in in a <code>pre</code> tag with fixed width and am getting ugly automatic line breaks:</p>
  
  <p><img src="https://i.stack.imgur.com/YU5Hz.png" alt="Ugly line breaks!"></p>
  
  <p>What I want to achieve is, that the text is NOT automatically broken on spaces, but when I add a <code>white-space: nowrap</code> to the <code>code</code> element, the whole thing collapses to a single line, so all \n and \r characters are ignored as well:</p>
  
  <p><img src="https://i.stack.imgur.com/9ZNgm.png" alt="Single line"></p>
  
  <p>Does anyone have an idea how to prevent automatic line breaks, but keep the intended line breaks?</p>