moschan
6/24/2014 - 3:14 AM

ついてきます

ついてきます

jsbin.qutowima.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
   <div class="media">
     <a href="#0" class="media-left"><img src="http://placekitten.com/150/150" alt=""></a>
     <div class="media-bd">
         <p>東京学芸大学にてサッカー漬けの日々を送るが、人生に悩み、世界一周の旅へ。旅で出会った同世代の仲間とTABIPPOを立ち上げ、創設から今まで代表を務める。卒業後はWEB広告代理店の株式会社オプトへ入社、ソーシャルメディア関連事業の立ち上げに参画。コンサルティング支援、新規事業の立ち上げ、最年少マネージャーの経験などを経て2013年11月に退職。TABIPPOにて創業を果たす。</p>
     </div>
       <a class="writer-link" href="#">このライターが書いた記事を見る ❯</a>
   </div>
  
</body>
</html>
jsbin.qutowima.css
content_copyfile_download
p {
  margin: 0;
}

.media > .media-bd {
  display: table-cell;
  vertical-align: top;
  width: 10000px !important;
  *display: block;
  *zoom: 1;
  *width: auto !important;
}

.media {
  zoom: 1;
}
.media:before, .media:after {
  content: " ";
  display: table;
}
.media:after {
  clear: both;
}

.media > .media-left {
  float: left;
}
.media > .media-left > * {
  display: block;
}
.media > .media-right {
  float: right;
  margin-right: 0;
}
.media > .media-right > * {
  display: block;
}


.writer-link {
  float: right;
  padding: 10px;
  color: #fff;
  background: #176DC1;
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}