[ACCEPTED]-Cannot get horizontally-listed ul to overflow horizontally (and scroll)-html-lists

Accepted answer
Score: 38

If I understand correctly, this should be 2 it:

http://jsfiddle.net/Uyc8d/

I've switched to using display: inline-block (instead of float: left), and 1 I'm using white-space: nowrap to prevent wrapping.

ul {
    width: 400px;
    overflow-x: scroll;
    background: #ccc;
    white-space: nowrap;
}

li {
    display: inline-block;

    /* if you need ie7 support */
    *display: inline;
    zoom: 1;
}

More Related questions