带有内容方形文本的li标签

Question

我必须根据品牌显示<li>条目，并用不同颜色的正方形显示。问题是，我显示了数据库中的HTML（ul-tag）。

对于每个品牌，我都使用:: before样式，但是不幸的是，如果文字较长，则与开始文字不同步。

有解决方案吗？

// I created a fiddle with an example

链接小提琴：https://jsfiddle.net/zx6mk8vr/14/