텍스트가 div를 넘어간다면?

1. text가 div의 크기보다 길어서 div를 넘어간다면?

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

를 사용하면 된다

white-space:nowrap은 줄이 넘어가는 것을 방지하는 것
overflow:hidden text가 div를 넘어가면 숨겨주는 역할
text-overflow:ellipsis 는 text가 div가 넘어가면 ...으로 감춰줌