css word-wrap: break-word won't work

Question

I have two inline span. code sample:

Answer 1

I thing it will be helpful. You have to specify width, particular in your case.

.comment_content{
  width:500px;
  border:1px solid #ccc;
}

.comment_author{
  width: 100px;
  float: left;
}

.comment_text{
  width: 400px;
  word-wrap: break-word;
  display:inline-block;
}

        Hello
        qeqweqweqweqeeqeqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqeqweqweqweqweqweqweqwewqeqweqweqweqweqweqweqweqweqweqeqeqweqweqweqweqweqweqweqweqweqeqewqweqeq

    

Here is a working examples to achieve what you want: examples