Html 无序列表布局及其后面段落的问题

我正在尝试创建一个无序列表，以显示产品的优点和缺点以及下面的一些规范

当我在ul中添加更多行时，如何使两个列的大小相同，以及如何避免带有“规格：”的段落从左侧移动？

我正在使用的代码：

赞成的意见












欺骗









文本

使用flexbox或css网格。所以规格应该总是在列表部分下面？是否有理由不使用CSS？考虑使用类而不是重复相同的内联样式10次。