CSS - text truncation for one liner

Question

.url-container {
  width: 200px; /* Set the width of the container */
  white-space: nowrap; /* Prevent the text from wrapping to the next line */
  overflow: hidden; /* Hide any overflowing content */
  text-overflow: ellipsis; /* Display an ellipsis (...) when the text overflows */
}