使用CSS将换行符转换为Woocommerce属性

Question

我一直在搜索有关如何在不使用HTML的情况下进行换行的不同帖子。但是他们似乎都无法解决我的问题。

我目前在不同产品上使用Woocommerce属性进行系统设置。它看起来像是

台式电脑：

我是通过使用

完成的

ul.custom-attributes li {
  display: block;
  width: 50%;
  padding-left: 50px;
  margin-bottom: 5px;
  font-size: 20px;
  word-wrap: break-word;
}

这很棒。但是，代码在移动设备上没有给出相同的结果，如下所示：

电话示例：

我知道如何强制属性进行换行，以便它也可以在移动设备上运行。

非常感谢。

-Daniel