List - Text Scrolls off Screen

Using class= “item-content”
Any text scrolls off the screen.
I would like the text to wrap to a new line.
How do I do that?

Would be great to see screenshot or JSFiddle/live example to understand what do you mean

I have the same question actually. It would be really nice to have the it automatically make new line to display longer text.
See ‘User Location’ list content below.
image

The code snippet for the part is as below:

, li []
    [ a [ class "item-content" ]
        [ div [ class "item-inner" ]
            [ div [ class "item-title" ]
                [ div [ class "item-header" ]
                    [ text "User Location" ]
                , text "| ", text 
                """Persiaran KLCC, Kuala Lumpur, 50450, Wilayah Persekutuan Kuala Lumpur, 
                Kuala Lumpur Kuala Lumpur Malaysia"""
                ]
            ]
        ]
    ]
]

Any Idea I could do that? Oh the code is written in elm, but the structure is just the same as html language.

https://framework7.io/docs/inputs.html#resizable-textarea

Or you can add white-space: normal CSS rule to that .item-title