Skip to content

Category: css


CSS Solution: display text in single line with css word wrap

Want to display text in a single line but it line breaks into two different lines? While working on web design projects it is a common problem we all web designers face. We create a fancy button or menu button and place a text within it. But while rendering on the web page the buttons display text breaks in two different lines. How do we solve this? USE white-space: nowrap; .abovefold h1 { white-space: nowrap;…