html, body {

    width: 100%;

    height: 100%;

    display: flex;

}

​

div {

    margin: auto;

    width: 310px;

    height: 75px;

    border: 2px solid #999;

    padding: 10px;

}

​

p {

    line-height: 24px;

    // text-overflow: ellipsis;

    // overflow: hidden;

    // white-space: nowrap;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    span {

        padding: 0 2px;

        border: 2px solid pink;

        border-radius: 5px;

        background: pink;

    }

}

​

.inlineblock span {

    display: inline-block;

}

​

p:after {

  content: " ";

  display: block;

  width: 0;

}