Question

Skip to live example.

So basically I have a <div> that has a fixed width, lets say 200px. It contains links, which vary on width depending on their contents…

When a link’s text is long, it wraps to the next line; however, I would like the link to never wrap, but cause the parent to have scroll bars:

//Bad

This would be a|
long link that |
wraps, which is|
bad.           |

//Good:

This would be a| long link that doesnt wrap, which is awesome.
 <-----------> | //Scroll bar

Answer 1

Try add this CSS to your class: white-space: nowrap see more here.