Как сделать в строчку через двоеточие Характеристики в CSS?
Дайте угадаю. У вас примерно вот так выглядит это?<div class="content">
    <div class="tech">Бренд</div>
    <div class="tech">Guardo</div>
    <div class="tech">Тип индикации</div>
    <div class="tech">Стрелочная</div>
    <div class="tech">Тип механизма</div>
    <div class="tech">Кварцевый</div>
</div>
Если я прав, вам должен понравиться мой костыль. https://jsfiddle.net/k6x39q68/
К примеру так <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: ": "
}