【css3】リストなどでテキストが長く2行になる時の解決方法

ulやliでリスト作成時、テキストが長くなり2行以上になることがある。

その場合はwidthで横の長さを決め、text-overflowを使う。
text-overflow: ellipsis;だと横の範囲以上のテキストが…で表示される。
text-overflow: clip;だと横の長さで文字が切られる。

なお、overflowプロパティにvisible以外、white-spaceにnowrapも指定する必要があるとか。