CODEWITHSUNDEEP
htmlcsscss-float
HerrimanCoder
HerrimanCoder

Reputation: 7218

How to avoid wrapping text in CSS

I have a new website I'm building and the CSS forces any text inside h2 tags to wrap whenever there is a space. Here's the site:

And here's the problem:

If I put "Low Fees" together without a space, and even add a few characters ("LowFeesABC"), it stays together and doesn't wrap. I don't know CSS well enough to know how to keep the text together. Any ideas?

Upvotes: 6

Views: 28897

Answers (2)

Jukka K. Korpela
Jukka K. Korpela

Reputation: 201568

It wraps because the element has a fixed width set on it and the text ”LOW FEES” does not fit into that width. Simply removing width:90px removes the wrapping.

Upvotes: 4

Matt Ball
Matt Ball

Reputation: 359816

#topPanel h2 {
    white-space: nowrap;
}

https://developer.mozilla.org/en-US/docs/CSS/white-space

Upvotes: 50

Related Questions