How to wrap programming and command codes in MediaWiki

there are two ways to wrap long programming code or command lines

Method 1

use <pre style="white-space: normal"> and </pre> around the code

Method 2

use <pre style="overflow: auto;"> and </pre> around the code

make it default

Method 2 looks better, so I will make it global

add to the MediaWiki:Common.css page

pre {overflow: auto;}