Обрезка текста. Свойство text-overflow

Исходный код этого примера:

<style>
    .wrap {
        width: 300px;
        overflow: hidden;
        white-space: nowrap;
        border: 1px solid green;
        padding: 5px;
    }
    .clip {
        text-overflow: clip;
    }
    .ellipsis {
        text-overflow: ellipsis;
    }
</style>
<div class="wrap clip">
    Совместные покупки — это возможность купить дорогой фирменный товар по оптовой цене.
</div>
<br>
<div class="wrap ellipsis">
    Совместные покупки — это возможность купить дорогой фирменный товар по оптовой цене.
</div>