CSSでのテキスト切り詰め

幅200pxのdivを作成してください。このdiv内のテキストが改行しないように設定してください。このブロックの幅に収まらない長いテキストをdivに追加してください。テキストがブロックの右側からはみ出すことを確認してください。

前の課題を修正し、div内のテキストがはみ出した場合に水平スクロールバーが表示されるようにしてください。

前の課題を修正し、水平方向にはみ出したテキストが切り詰められるようにしてください。

前の課題を修正し、テキストが切り詰められた場合にその末尾に省略記号（3点リーダー）が追加されるようにしてください。

前の課題を修正し、マウスをdivにホバーしたときに、テキストが1行で表示されなくなり、divが高さ方向に拡張してすべてのテキストを収容するようにしてください。