<style>
div {
    display: inline-block;
    border: 3px solid black;
    padding: 5px;
    line-height: 3;
}
</style>
Hello friends: <div style="vertical-align: baseline">baseline</div>
<br>
Hello friends: <div style="vertical-align: top">top</div>
<br>
Hello friends: <div style="vertical-align: middle">middle (TODO)</div>
<br>
Hello friends: <div style="vertical-align: bottom">bottom</div>
<br>
Hello friends: <div style="vertical-align: sub">sub (TODO)</div>
<br>
Hello friends: <div style="vertical-align: text-top">text-top (TODO)</div>
<br>