<main class="contents">
  <article class="post">
    <aside class="post__thumbnail">
      <img src="http://tsukulog.net/wp-content/uploads/2015/04/5-min.jpg">
    </aside>
    <p class="post__title text-ellipsis">あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
  </article>
  <article class="post">
    <aside class="post__thumbnail">
      <img src="http://tsukulog.net/wp-content/uploads/2015/04/5-min.jpg">
    </aside>
    <p class="post__title text-ellipsis">いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</p>
  </article>
</main>
img {
  display: block;
  height: auto;
  max-width: 100%;
}

.contents {
  display: -webkit-flex;
  display: flex;
}

.post {
  margin-right: 2%;
  width: 49%;
  &:nth-child(2n) {
    margin-right: 0;
  }
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.