Skip to content

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;
}

RESULT

css word wrap
css word wrap

 

Published incssWeb Design

Be First to Comment

Leave a Reply