Html 将跨度设置为多条线

这是我的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>

为此使用

<div class="Item-Text">does not contain:
    <ul style="list-style-type:none;">
        <li class="Item-Props">fdsf sdfds f,</li>
        <li class="Item-Props">is,</li>
        <li class="Item-Props">is not,</li>
        <li class="Item-Props">contains,</li>
        <li class="Item-Props">does not contain,</li>
        <li class="Item-Props">Entry,</li>
    </ul>
</div>

不包含：

fdsf
是
不是
包含
不包含
进入

用道具代替你的职业

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

事实上，人们使用的是
ul
<代码>span{display:block；}

逗号应该出现在哪里？用我希望它的外观更新了示例对不起，这是不正确的，因为当文本达到最大宽度时应该开始一行新行，我将用我希望的外观更新示例。

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