К примеру так
<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: ": "
}
