http://codepen.io/rick-li/pen/oshCb
<div class="wrapper">
<div class="left"></div>
<span>lfjaslkjasldjfaljdfaldflasjflasjdfldasfsdafafasdfsdafadsfazxcvzvzxv</span>
</div>
.wrapper{ width: 400px; height: 300px; border: solid 1px; } .wrapper .left{ float: left; width: 200px; height: 200px; border: solid 1px; background-color: #111111 } .wrapper span{ word-wrap: break-word; }
you will notice the text dropped to the bottom,
if there're spaces exist in the text, it will wrap correct and lies on the wright, so I wonder why the word-wrap: break-word or word-wrap: break-all doesn't work?
break-word
. – Ming