title: pre tag width:100% or max-width:100% overflow:auto is not flexible
body: <p>Here is a link to an example:
  <a href="http://whiterootmedia.com/database/dusty_arlia/the_img_tag_and_its_attributes.html" rel="nofollow noreferrer">http://whiterootmedia.com/database/dusty_arlia/the_img_tag_and_its_attributes.html</a></p>
  
  <p>My  tag element will contain long lines of code. Whenever its container changes to a width:auto (below 1200px width) the  tag will not shrink in width. I would like the window to keep shrinking and the  element to have a scroll bar for the width.</p>
  
  <p>Currently I have this css:</p>
  
  <blockquote>
    <p>pre {overflow:auto; max-width:100%}</p>
  </blockquote>