将CSS省略号与同一行上的其他元素一起使用（与ie9兼容）

Question

<div class='box'>
    <p class='text'>long text<p>
    <div class="icon"></div>
</div>

.box {
    width: 175px;
}
.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: red;
}

如何实现.text是否被省略，.icon应该在同一行之后紧随.text之后？

谢谢