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

Solution by Maneesh Cheema

Using Overflow

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

• white-space:nowrap Overflowed text does not wrap on to the next line
• overflow:hidden Content which overflows is hidden
• text-overflow:ellipsis The hidden overflow content is highlighted using ellipsis character