넘치는 text ... 처리하기

하나의 span에서 넘치는 text를 예쁘게 처리해보자!

1. width를 지정해줘야한다.
2. display: block을 해줘야한다.
3. overflow: hidden을 해야한다
   • hidden속성은 width를 벗어나는text를 잘라준다.
4. text-overflow: ellipsis
   • ...표시를 해 준다.
5. white-space: nowrap
   • 자동줄바꿈이 안되게 한다.(이렇게 해야 한글도 생략이 가능해진다)

결과