How can I make the code segments of this page more readable? <p>Sorry about the specific question - I'm writing up this page for my portfolio <a href="http://ashereinhorn.com/portfolio/2014/hex-tile-world-script-page-unfinished/" rel="nofollow">http://ashereinhorn.com/portfolio/2014/hex-tile-world-script-page-unfinished/</a></p> <p>however the column is so narrow that it results in some undesirable formatting for the dark, code segments. </p> <p>How can I make these section expand further to the right (and left?) so that there is less line wrapping. </p> <p>I'm writing it all in HTML so a solution with just that would be perfect. I'm not against solutions where you have to expand them or they open a floating element that displays the content either. </p> <p>Thank you in advance. </p>