Денис Инешин

<div class="test">
  <div class="test_wrap">
    Very long piece of text and other stuff.
  </div>
</div>

.test {
  width: 200px;
  background: #fff;
}
.test_wrap {
  width: 80%;
  background: #eee;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

<div class="bg1">
    <div class="bg2">
        <div class="bg3">
            <div class="bg4">
            </div>
        </div>
    </div>
</div>

.test {
    height: 20px;
    border: 1px solid #000;
    box-sizing: border-box;
}

.border {
    height: 0;
    border-bottom: 10px dashed #000;
    transform: skew(-20deg, 0);
}