Horizontal scroll with auto height?

Is it possible to make a container scroll horizontally, but have its height defined by its contents, rather than having a specific height, or having its height defined by its container?

For example, something like:

Code:

{
    xtype: 'container'
    layout: 'hbox',
    scrollable: 'vertical',
    items: [{
        html: 'some text'
    }, {
        xtype: 'container',
        scrollable: 'horizontal', 
        html: 'some longer text, which may wrap into multiple lines, '
            + 'and its height can't be predicted'
    }, {
        html: 'some text'
    }]
}

In this example, I only want the middle element to scroll horizontally. But I want its contents to determine its height.



Horizontal scroll with auto height?