横並びliをinline-blockで

inline-blockを使ってタグリストっぽい表現をしたい時のメモ

cssに下記を加える

float:left;
display:inline-block;
*display: inline;/*IE*/
*zoom: 1;/*IE*/
white-space:nowrap;/*IE*/

もちろん、モダンブラウザだけであれば、上の2行でOKだが、IEだと右端で改行されるなどの現象が起きるため、下の3行が必要になる。