white-space:normal;
white-space:normal;
半角スペース
全角スペース
半角スペース３つ
タブ
改行
white-space:pre;
white-space:pre;
半角スペース
全角スペース
半角スペース３つ
タブ
改行
white-space:nowrap;
white-space:nowrap;
半角スペース
全角スペース
半角スペース３つ
タブ
改行
nowrapは横幅10pxのボックスに入れていますが自動改行していないので幅が広くなっています。