<div> <div>Top Text</div> <div><span>A</span><span>B</span><span>C</span></div> </div>La idea es tener algo como:
Top Text ABC Donde Top Text siempre está alineado con el texto inicial y final en la parte inferior.
En este caso particular, flexbox puede hacer el trabajo:
.box { display:inline-block; /* fit content */ } .box > div:last-child { display:flex; justify-content:space-between; } <div class="box"> <div>Top Text</div> <div><span>A</span><span>B</span><span>C</span></div> </div>