Normally when text content is larger than it's container it overflows in Y-direction/vertically:

```
-----------------------
|Hello hello hello hel|
|lo hello hello hello |
|hello hello hello hel|
-----------------------
 lo hello hello hello 
 hello hello

```

However in this case I want it to automatically overflow in X-direction/horizontally, while preserving and filling up the fixed height of the div. (The width should adjust accordingly, it could show a horizontal scrollbar or it should simply overflow the container horizontally.)

```
-----------------------
|Hello hello hello hel|lo hello hello
|lo hello hello hello | hello hello h
|hello hello hello hel|lo hello
-----------------------

```

Is this possible with CSS(3)/flexbox/overflow/text-wrapping? Or if not, using JavaScript?