Truncate text with ony CSS

css_truncate_text.css

.btn.btn-default {
    min-width: 112px;
    width: 116px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .btn.btn-danger {
    min-width: 112px;
    width: 116px;
    text-overflow: ellipsis; // This is where the magic happens :)
    white-space: nowrap; 
    overflow: hidden;
  }