Responsive text, how to enable scroll instead of next/new line?

Question

How do I style the text so that in smaller screens it will stay as a single line and the omitted text is viewable via scroll? I use foundation framework and grid-container.

Reddit has this effect where the details of the post is scrollable then the message is within the box.

possible duplicate of : https://stackoverflow.com/q/1383143/8620333 — Temani Afif, Jan 16 '19 at 09:57
Possible duplicate of [How to prevent line breaks in list items using CSS](https://stackoverflow.com/questions/1383143/how-to-prevent-line-breaks-in-list-items-using-css) — Webdeveloper_Jelle, Jan 16 '19 at 10:32

score 0 · Accepted Answer · answered Jan 16 '19 at 09:59

0

Try the CSS overflow property,

div.ex1 {
  overflow: scroll;
}

Learn more here

answered Jan 16 '19 at 09:59

pasanjg

566
5
13

`overflow-x: auto` would be better. And, just to be sure: `white-space: nowrap;` – Michel Jan 16 '19 at 10:02

Responsive text, how to enable scroll instead of next/new line?

1 Answers1