Largeur d'affichage pour du code

Quand on insère du code dans le corps du texte ou dans un contenu additionnel, la largeur d'affichage est très réduite : à vue d'oeil elle fait 50% de la largeur totale de la colonne de texte ou du contenu additionnel.

Ce n'est pas très esthétique mais, surtout, ça rend plus difficile la lecture du code en question. Est-ce que c'est une contrainte obligée ou réfléchie ? Ou bien est-ce que ça peut être modifié ?

Je mets quelques exemples ci-dessous (chapitre1, chapitre2 et chapitre3) :