How to make a responsive text in list item using Ionic

I'm using the awesome Ionic framework to develop my first web app.

I'm facing a tiny a problem with some layout, I'm not able to make my test responsive. and I want it only 3 lines not more

is that possible ??

here is my code :

<div class="item item-divider">
    Candy Bars
  </div>

        <a class="item" href="#" style="height:50px" >
         <h4 style="left:10px; position:absolute;">90</h4>
          <img src="http://www.easyvectors.com/assets/images/vectors/afbig/football-ball-clip-art.jpg" style="width:28px; height:28px; position:absolute; left:35px; top:12px">  
          <h6 style="left:80px; position:absolute; max-width:250px;  white-space: normal !important; top:5px; ">Commentaire hhqhsdhqshdqhsdhqssd lorem kqskdqsjgqdgj lqskdkqdhqsfhhqdg Commentaire hhqhsdhqshdqhsdhqssd lorem kqskdqsjgqdgj lqskdkqdhqsfhhqdg </h6>


</a>   

</div>

CODEPEN DEMO