тынц (+/-)
<style>
body{
margin: 0 auto;
max-width: 500px;
}
.profile {
background:url('https://upload.wikimedia.org/wikipedia/commons/8/85/Dead.png');
background-position: center;
background-size: cover;
position: relative;
height: 200px;
}
.profile-content {
position: absolute;
bottom: 5px;
left: 5px;
width: 33%;
height: 33%;
background-color:#53504f;
overflow:hidden;
}
.profile-content a {color: white;}
.profile-block {
display: inline-block;
vertical-align: bottom;
}
.avatar {width: 33%;}
.avatar img {
width: 100%;
border-radius: 50%;
margin-top: 7px;
}
</style>
<div class="profile">
<div class="profile-content">
<div class="profile-block avatar">
<img src="https://vignette.wikia.nocookie.net/reddeadredemption/images/6/6c/Dead_Rabbit_Icon.jpg/revision/latest?cb=20100603222022" />
</div>
<div class="profile-block" style="margin-left: 7px;">
<a href="//johncms.com/profile/?user=39193" title="Кеня">Кеня</a> <span style="color: green;">online</span>
</div>
</div>
</div>