ze: 50px;
  white-space: pre;
  color: white;
  float: left;
  position: relative;
}

#test {
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0; right: 2px; bottom: 0; left: 0;
  color: green;
}
span {
  color: red;
}

</style>

<p>Test passes if there are three green dots below and <strong>no red</strong>.</p>

<!--Starting the line with an space because the first character on the line is clipped rather than ellided, so we need the tested grapheme cluster to be non-first-->
<!--