텍스트 줄림 처리(css)

<div>This is a long text that will be truncated if it is too wide.</div>

div {
  width: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}