Question

I’m trying to have my span begin a new line on overflow; It seems very trivial, but I just can’t seem to make it work.

I am aware that it is by default inline, so I am trying to set it to block. I have tried both changing the css display, as well as applying clear: both in case any outside css is affecting it, but I still can’t get it to display properly. I’ve made a fiddle to show my issue: http://jsfiddle.net/QUpPn/

Thanks.

Answer 1

It’s not a problem of span. Use word-wrap:break-word; for this. Write like this:

#test {
    background-color: #ccc;
    width: 100px;
    display: block;
    clear: both;
    word-wrap:break-word;
}

Check this http://jsfiddle.net/QUpPn/1/