HTML+CSS: How to force div contents to stay in one line?

Try this:

div {
    border: 1px solid black;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
}

Use white-space:nowrap and overflow:hidden

http://jsfiddle.net/NXchy/8/

in your css use white-space:nowrap;