Đây bạn nhé 😃
<div class='postAuthors'>
<div class='authorImage'>
<img src="//4.bp.blogspot.com/-0srilSy08pc/YJEMc9nRaOI/AAAAAAAAFSc/3gWFPhZo_iIQ7bjb2szymudMVa41dYgUgCK4BGAYYCw/w80-h80-p-k-no-nu/admin.jpg" class='authorImg lazy'>
</img>
</div>
<div class='authorInfo'>
<div class='authorName' data-text='Lê Anh Đức' data-write='Written by'></div>
<div class='authorAbout' data-text='Sống hết mình !'></div>
</div>
</div>
<style>
.postAuthor, .postTimes{display:flex;align-items:center;flex-grow:1; width:50%;padding-right:15px} .postAuthorImage{flex-shrink:0; margin-right:12px} .postAuthorImage .authorImage, .postAuthors .authorImg{width:34px;height:34px;border-radius:12px; background-size:100%;background-position:center;background-repeat:no-repeat} .postAuthorName{flex-grow:1; width:calc(100% - 44px)} .postAuthorName .authorName:after{content:attr(data-write); opacity:.7;display:block;font-size:11px} .postAuthorName .authorName{max-width:170px; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .postAuthorName .authorName > *:before{content:attr(data-text)} .postAuthorName .authorName > *:hover{text-decoration:underline}.postAuthors{display:flex; max-width:400px;margin:30px 0; padding:12px;line-height:1.7em; border:1px solid var(--content-border);border-radius:6px; box-shadow: 0 10px 8px -8px rgb(0 0 0 / 12%); font-size:13px}.postAuthors .authorImage{flex-shrink:0; margin-top:6px;margin-right:12px} .postAuthors .authorImg{display:flex;align-items:center;justify-content:center} .postAuthors .authorInfo{flex-grow:1; width:calc(100% - 46px)} .postAuthors .authorName:before{content:attr(data-write) ' '; font-size:12px; opacity:.7} .postAuthors .authorName:after, .postAuthors .authorAbout:before{content:attr(data-text)} .postAuthors .authorAbout{margin:0; font-size:12px;opacity:.8;line-height:normal; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .darkMode .postAuthors{background-color:var(--dark-bgSec); border:0}
</style>
