CSS에서 텍스트 자르기

너비가 200px인 div를 만드세요. 이 div 안의 텍스트가 새 줄로 넘어가지 않도록 하세요. div 안에 너비에 맞지 않는 긴 텍스트를 추가하세요. 텍스트가 블록 오른쪽으로 넘치는지 확인하세요.

이전 문제를 수정하여, 텍스트가 넘칠 때 div에 가로 스크롤 막대가 나타나도록 하세요.

이전 문제를 수정하여, 가로로 넘치는 텍스트가 잘리도록 하세요.

이전 문제를 수정하여, 텍스트가 잘릴 때 끝에 말줄임표(...)가 추가되도록 하세요.

이전 문제를 수정하여, 마우스를 div 위에 올리면 텍스트가 한 줄로 배열되지 않고 div가 높이를 확장하여 전체 텍스트를 담을 수 있도록 하세요.