div中内容无法自动换行问题

.l-text{
padding:.3em .5em;
width:67%;
height: auto;
/*height:1.3em;*/
border:.1em #2294C3 solid;
border-radius:.5em;
background-color:#fff;
float: right;
word-wrap:break-word;
}

以上所述是<p>标签内容的css样式，效果是加上边框和自动换行，但是出现数字和英文字母无法换行问题，中文可以，而原因是因为英文文本之间没有加空格，浏览器会认为这是一个特别长的单词。

解决方法就是：

css代码中加上这行：word-wrap:break-word;

搞定。