css - 在同一行使用 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 之后？

谢谢

标签： css