li を display:inline で横並びにすることがよくあると思いますが、
このときにできる li 間の余白が邪魔なときがあります。

改行しない、コメントアウトで間をつぶす、などの方法がありますが、
どちらもソースが読みにくくなるのであまり好きではありません。

そこでもう少しいい方法がないかと思ったら、
li に display:table-cell を指定する方法を見つけました。
>> display:inlineで横並びにした際に出来る余白を消す方法

やってみるとうまくいきました。
これで white-space:nowrap がうまく動かせる。
いや、余白がスペースとみなされなくなるので white-space:nowrap は動かない。。