SOURCE

<p>
  x<span class="left">Hexlo Hello Hello</span>
  <span class="right">xhaha</span>
</p>

p{
  border: .1px solid orange;
  width: 70%;
  margin: 20px auto;
  font-size: 50px;
}
span{
  display: inline-block;
  border: .1px solid orange;
  vertical-align: top;
}
.left{
  width:30%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.right{
  /* overflow: hidden; */
}