tyb-code10.3.html

<ul class="media-list">
  <li class="media">
    <div class="media-left">
      <img src="images/dandy-header-bg.png" class="media-object" alt="dandylions">
    </div>
    <div class="media-body">
      <h4 class="media-heading">My Media List Headline</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac mattis mauris. Donec blandit, augue in convallis hendrerit, arcu orci scelerisque neque, luctus gravida magna odio at massa. Sed lacinia fermentum velit vel pretium. In sit amet metus vitae libero iaculis maximus. In felis eros, rutrum sed rhoncus eu, tristique vitae diam. Phasellus condimentum ex ac erat imperdiet pretium.</p>
    </div>
  </li>
  <li class="media">
    <div class="media-left">
      <img src="images/dandy-header-bg.png" class="media-object" alt="dandylions">
    </div>
    <div class="media-body">
      <h4 class="media-heading">My Media List Headline</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac mattis mauris. Donec blandit, augue in convallis hendrerit, arcu orci scelerisque neque, luctus gravida magna odio at massa. Sed lacinia fermentum velit vel pretium. In sit amet metus vitae libero iaculis maximus. In felis eros, rutrum sed rhoncus eu, tristique vitae diam. Phasellus condimentum ex ac erat imperdiet pretium.</p>
    </div>
  </li>
</ul>