Как сокращать текст в абзаце?

a {
  display: flex;
  align-items: center;
  max-width: 60px;
  outline: 1px solid red;
}

a > p {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  
}

<a>
  <p class="name">testtesttesttest</p>&nbsp;<span>(en)</span>
</a>