inline-block justify

HTML

<div class="t">
    <div class="i">text #1</div><div class="i">text #2</div>
</div>
<div class="t rev2">
    <div class="i">text #1</div>
    <div class="i">text #2</div>
</div>

CSS

/* элементы прописаны в одну строку */
.t {
    background: #eee;
    white-space:nowrap;
}
.i {
    display: inline-block;    
    background: transparent;        
    width:100%;    
}
.i + .i {    
    position:relative;
    left:-100%;
    text-align: right;
}
/* с учетом пробельного элемента */
.rev2 {
    word-spacing: -.36em;
}
.rev2 .i {
    word-spacing: normal;
}