<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: ";"
}
<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: ": "
}
<span id="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</span>
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>'));