样式跨越多行

Question

这是我的HTML：

<div class="Item-Text>
     does not contain: <span class="Item-Props">fdsf sdfds f</span>
     , <span class="Item-Props">is</span>
     , <span class="Item-Props">is not</span>
     , <span class="Item-Props">contains</span>
     , <span class="Item-Props">does not contain</span>
     , <span class="Item-Props">Entry</span> 
</div>

例如： http://jsfiddle.net/mato75/Labor4az/3/

但我希望它会有一些最大宽度，它将以多行显示。

Answer 1

FIDDLE

.Item-Text { max-width:150px; }

Answer 2

用Item-Props替换你的课程

.Item-Props {
    color: red;display:block;
}

Answer 3

将<{1}}用于此

<ul>