<!DOCTYPE html>
<style>
#container {
    position: relative;
    width: 300px;
    height: 300px;
    border: solid 1px red;
}

#right-align-block {
    position: absolute;
    right: 0;
    word-spacing: 10px;
}
</style>
<div id="container">
  <div id="right-align-block">
    <span>AAAAA</span>
    <span style="display:inline-block">BBBBB</span>
    <span>CCCCC</span>
  </div>
</div>
This test passes if the texts are aligned right, without overflowing.