BFE.dev solution for CSS coding question
2. truncate text in one line(with ellipsis)

text-overflow:ellipsis is to set hidden overflow contents to ellipsis, but itself doesn't force overflow, so we need white-space: nowrap; to put everything in one line and overflow:hidden hide the overflow contents.

.one-line {  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}