SOURCE

<div class="contrainer">
<p class="author-meta">
    <img class="author-image" src="https://myonepan.herokuapp.com/drive/author.png" alt="Arthur C. Lark">
    <span class="author-info">
        <span class="author-name">Written by Arthur C. Lark</span>
        <a class="author-email" href="mailto:arthur.c.lark@example.com">arthur.c.lark@example.com</a>
    </span>
</p>
</div>

.container{
    height:100%;
    display:flex;
}
.author-meta {
    justify-content: center;
    align-items:center;
}
.author-name,
.author-email {
    display: block;
}