<a target="_blank" href="https://twitter.com/levelsio" class="by">
 <img src="https://nomadlist.com/assets/levelsio.jpg"> 
 <p>by levelsio</p>
</a>
.by {
font-family: "Varela Round",sans-serif;
text-decoration: none;
right: 0;
bottom: 0;
background-color: rgb(255, 71, 66);
color: #fff;
position: fixed;
z-index: 8;
border-top-left-radius: 5px;
padding: 0.5em;
border-top: 1px solid #efefef;
font-weight: 800;
border-left: 1px solid #efefef;
background: #fff;
color: #6f6f6f;
}

.by img {
border-radius: 2em;
    width: 1.5em;
    vertical-align: middle;
}

.by p {
margin: 0;
vertical-align: middle;
display: inline;
margin-left: 0.5em;
font-weight: 400;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.