How to have in the same line a checkbox, a range and the text in ionic?

Does anyone know how can I have in the same list item a checkbox, a range component and the text I choose to show?

I have that data inside a "table"with 3 columns but I want to have it as a list item.

Also, I need the in this order: checkbox + range + text

Here is my code:

<div class="row responsive-sm"
    ng-repeat="item in listaProdutos track by $index"
    ng-class="'item' + ($index % 2)" >

    <div class="col-10 item-checkbox no-background">
        <ion-checkbox ng-model="item.checked" style="background: transparent;"
            ng-change="podeAdicionarProduto()"></ion-checkbox>
    </div>

    <div class="col no-background">
        <span class="box-number"></span> <span class="codigo"></span> 
    </div>

    <div class="col-30 item-range no-background">
        <label class="range">
            <i class="icon ion-minus-round" on-tap="item.quantidade=onTapQuantidadeProduto('-', item.quantidade)" ></i>
             <input type="range" ng-model="item.quantidade" min="1" max="100" value="1">
             <i class="icon ion-plus-round" on-tap="item.quantidade=onTapQuantidadeProduto('+', item.quantidade)"></i>
        </label>
    </div>