Question

Is there away to change the default behavior of a div so that overflow:hidden causes the content to overflow out the right side of a div, rather than out of the bottom of the div?

Answer 1

Try white-space:nowrap. That way the content won’t wrap to a new line.

div{
    overflow:hidden;
    white-space:nowrap;
    width:100px;
}