ついてきます
<!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>
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;
}