как заставить текст p заполнить div в ionic

У меня есть следующий <p> с описанием класса, и я хочу, чтобы он заполнил оставшееся пустое пространство своего контейнера div (summary-container):

<div class="summary-container">
  <h2>Title here</h2>

  <p class="description">Lorem ipsum dolor sit amet, conoasnasdnaonaosnasodnoasd ad
    dnandoanoadn oandoasnoasdn osandoand ods asnadnsoasdndsanasdn
    dnandoanoadn oandoasnoasdn osandoand ods asnadnsoasdndsanasdn
    dnandoanoadn oandoasnoasdn osandoand ods asnadnsoasdndsanasdn
    dnandoanoadn oandoasnoasdn osandoand ods asnadnsoasdndsanasdn
  </p>
</div>

это мои стили:

#what-to-do .summary-container {
  float: left;
  background: red;
  width: 190px;
  height: 100px;
  margin-left: 10px;
}


#what-to-do .description {
  background: cadetblue;
}

Но вот как это выглядит:

Я хочу, чтобы он заполнил часть, как показано черными линиями. на работу.

Так странно!!!