How do I make elements with float not line break and extend outside their parent container?

Question

I am stumped. I am trying to make a set of icons that sit inside a container with a fixed width. The elements must be inside the parent container but must extend beyond the boundary and not line break when they reach the right border of the parent. I am using Floated li elements Here is the fiddle Would like it to look like this. Not this: Thanks for any Help. Here is the Code: ```

A
B
C
D
E

Accepted Answer

`.white-space: nowrap` on the `<ul>`. Do not float the elements, but use `display: inline-block`.

http://jsfiddle.net/nJydR/3/

How do I make elements with float not line break and extend outside their parent container?

Solution

Problem