Просмотр поста

<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>