material-design-lite/src/list/snippets/three-line.html

Material Design Components in CSS, JS and HTML

<!-- Three Line List with secondary info and action -->
<div class="mdl-cell mdl-cell--6-col">
  <h4> Three Line List secondary info </h4>
  <ul class="mdl-list">
    <li class="mdl-list__item mdl-list__item-three-line">
      <span class="mdl-list__item-primary-content">
        <i class="material-icons mdl-list__item-icon">person</i>
        <span class=mdl-list__item-title>Bryan Cranston</span>
        <span class="mdl-list__item-text-body">
          Bryan Cranston played the role of Bryan Cranston in Breaking Bad,he is also know
          for playing Hal in Malcom in the Middle. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Curabitur venenatis urna eget cursus varius. Donec ultrices quis arcu quis euismod.
          Mauris sollicitudin neque lectus, id bibendum libero eleifend sed.
        </span>
      </span>
      <span class="mdl-list__item-secondary-content">
        <span class="mdl-list__item-secondary-info">Actor</span>
        <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons ">star</i></a>
      </span>
    </li>
    <li class="mdl-list__item mdl-list__item-three-line">
      <span class="mdl-list__item-primary-content">
        <i class="material-icons  mdl-list__item-icon">person</i>
        <span class=mdl-list__item-title>Aaron Paul</span>
        <span class="mdl-list__item-text-body">
          Aaron Paul played the role of Aaron Paul in Breaking Bad. He also featurd in
          the NEED FOR Speed Movie. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Curabitur venenatis urna eget cursus varius. Donec ultrices quis arcu quis euismod.
          Mauris sollicitudin neque lectus, id bibendum libero eleifend sed.
        </span>
      </span>
      <span class="mdl-list__item-secondary-content">
        <span class="mdl-list__item-secondary-info">Actor</span>
        <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons ">star</i></a>
      </span>
    </li>
    <li class="mdl-list__item mdl-list__item-three-line">
      <span class="mdl-list__item-primary-content">
        <i class="material-icons  mdl-list__item-icon">person</i>
        <span class=mdl-list__item-title>Bob Odenkirk</span>
        <span class="mdl-list__item-text-body">
          Bob Odinkrik played the role of Bob Odenkirk in Breaking Bad, due to the fondness of the
          character, Bob stars in his own show now, call "Better Call Saul", Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Curabitur venenatis urna eget cursus varius. Donec ultrices quis arcu quis euismod.
          Mauris sollicitudin neque lectus, id bibendum libero eleifend sed.
        </span>
      </span>
      <span class="mdl-list__item-secondary-content">
        <span class="mdl-list__item-secondary-info">Actor</span>
        <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons ">star</i></a>
      </span>
    </li>
  </ul>
</div>