Bamburillo

Столкнулся с такой-же проблемой, и решение найдено!
Устанавливаем шрифты для PowerLine. и в настройках PHPStorm выбираем


После этого у нас все выглядит как надо!

Вот тут красиво и просто реализовано
ссылка

К примеру так

<ul class="options">
    <li>Раз</li>
    <li>Два</li>
    <li>Три</li>
    <li>Четыре</li>
    <li>Пять</li>
</ul>

.options 
{
    list-style: none;
}
.options li 
{
    list-style: none;
    float: left;
    padding-left 5px;
}
.options li:after {
    content: ";"
}

Вот как это работает линк
UPDATE:
После увиденного кода вот новый линк с решением линк

<div class="single-item-desc">
<ul>
    <li><span>Бренд</span>
        <ul>
            <li>Guado</li>
        </ul>   
    </li>
    
    <li><span>Бренд</span>
        <ul>
            <li>Guado</li>
        </ul>   
    </li>
    <li><span>Бренд</span>
        <ul>
            <li>Guado</li>
        </ul>   
    </li>
    <li><span>Бренд</span>
        <ul>
            <li>Guado</li>
        </ul>   
    </li>
    <li><span>Бренд</span>
        <ul>
            <li>Guado</li>
        </ul>   
    </li>
</ul>
</div>

.single-item-desc ul 
{
    list-style: none;
}
.single-item-desc ul > li span 
{
    list-style: none;
    float: left;
    padding-left 5px;
}
.single-item-desc ul li span:after {
    content: ": "
}

Как вариант повесить так называемую LandinPage с описанием будущего функционала и формой для сбора email на который придет уведомление о запуске сервиса. Заодно можно отследить, надо это кому-то или нет...

Мне кажется, что с помощью чистого CSS этого сделать нельзя. Зато можно запросто решить с помощью JS
Вот к примеру текст в HTML

<span id="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</span>

И тогда JS будет таким

var span = $("#content");
span.html(span.html().replace(/dolor/, '<span style="color: red">$&</span>'));
span.html(span.html().replace(/elit/, '<span style="color: green">$&</span>'));

Вот тут как это все работает линк