Column width not fixed

1

I am trying to create rows with 2 column’s using the following code:

<div class="row">
    <div class="col-90">
        <div class="item item-text-wrap">
            <h3> {{event.title}}</h3>  
        </div>
    </div>
    <div class="col-10">
        <img ng-src="assets/images/arrow-right.png" />
    </div>
</div>

The problem is that the first column has a different width depending on the event title’s length.

How can I fix first column’s width so that it always takes 90% of the containing div ?