code element text overflow

[thoughthollow]

Hello,

There's an issue with text overflowing in both <code> and also <div class="sourceCode r"> tags.

Here's the html_paged template with the following code just after the Introduction:

{r, echo=TRUE, message=FALSE, warning=FALSE}
print("WhenthePawnHitstheConflictsHeThinksLikeaKingWhatHeKnowsThrowstheBlowsWhenHeGoestotheFightandHe'llWintheWholeThing'ForeHeEnterstheRingThere'sNoBodytoBatterWhenYourMindIsYourMightSoWhenYouGoSolo,YouHoldYourOwnHandandRememberThatDepthIstheGreatestofHeightsandIfYouKnowWhereYouStand,ThenYouKnowWheretoLandandIfYouFallItWon'tMatter,CuzYou'llKnowThatYou'reRight")

The fix is easy enough with a couple CSS tweaks:

div.sourceCode {
  word-break: break-all;
}

code {
  word-break: break-all;
}
</style>

Could this tweak be added to the default CSS files?

Cheers!