JSFiddle - React, Tailwind, and code Playground
HTML
<div class="radius">
<img src="http://www.gravatar.com/avatar/bab5ee40a0f04f6080bc350b089d504a?d=http%3A%2F%2Fforum.htmlbook.ru%2Fpublic%2Fstyle_avatars%2Fblank_avatar.gif">
<h3>Left 4 Dead</h3>
<p>Прекрасная игра для любителей horror . Зомби, кровь, взрывы, кишки...<a href="#" class="buttonlike">Перейти</a></p>
</div>
CSS
.radius {
width:320px ;
min-height:65px;
border: 1px solid #ccc;
padding: 1px;
}
.radius:after { /* чтоб кнопка не выпадала из рамки */
clear: both;
display: block;
overflow: hidden;
height: 0;
content: '.';
}
.radius img {
float: left;
}
h3 {
text-align: center;
}
.radius p {
padding-left: 70px;
}
.buttonlike {
width:106px;
height:18px;
background: #ccc url(image/block/btn_block.png) no-repeat;
float: right;
text-align:center; /* отсюда и дальше чисто украшательство */
text-decoration: none;
color: #000;
font: 11px/18px sans-serif;
border-radius: 3px;
border: 1px solid #888;
}