title: HTML Horizontal Scrolling On Overflow Text On Code Element
body: <p>I'm looking to have a scroll effect (left to right) on text placed inside code tags within a pre tag. I've tried the <code>overflow: scroll</code> attribute without success. An example is this:</p>
  
  <pre><code>&lt;pre&gt;&lt;code&gt;
      var text = 'This is a bit of longer text that ends up wrapping around and messing up the rest of the formatting.';
      var object {
          text: text,
          key: 'A second key with some more really long text that will overflow onto the next line',
      }
  &lt;/code&gt;&lt;/pre&gt;
  </code></pre>
  
  <p>What style do I need to give to my code element to allow the text to wrap without effecting the formatting of the code? Ironically code in stack overflow has the effect I'm looking for though I can't seem to replicate it.</p>
  
  <p>*I've updated the question to add that the code is in a pre tag which preserves line breaks and formatting.</p>