Question

Let’s say I have an unordered list element displaying list items across a horizontal row (inline), but the content is wider than the containing element. Is there a way to get them to simply run off the page instead of dropping to a new line without using absolute positioning?

Answer 1

Sure there is, just use:

ul {
    white-space: nowrap;
}

JS Fiddle demo.

This forces the contained content to continue along one, non-wrapping, line.

References:

• white-space property, at MDN.