width가 %일 때, ellipsys로 글자 생략하기

<div class="info">
    <p class="info-profile">프로필</p>
    <p class="info-class">
            remseremseremseremseremseremser
            emseremseremseremseremseremserems
            eremseremseremseremseremseremse
            remseremseremseremseremseremsere
            mseremseremseremseremse
    </p>
</div>

&-info {
    width: 100%;

    &-class {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%;
        display: block;
      }
}