how do i make a text not switch line in a div in css code example

Example 1: stop text from wrapping

div {
  white-space: nowrap;
  overflow: hidden;
}

Example 2: line not breaking css

white-space: break-spaces;