Ellipsis

...

by allcaps

HTML

<div>
  Bar foo
</div>

CSS

@import url(https://fonts.googleapis.com/css?family=Pacifico);
div {
  width: 100px;
  overflow: hidden;
  border: 1px solid black;
  white-space: nowrap;

  text-overflow: ellipsis;
  
  font-size: 50px;
  font-family: 'Pacifico', cursive;
}