Check out example codes for "three dots in css". It will help you in understanding the concepts better.

Code Example 1

span {
    display: inline-block;
    width: 180px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

Learn ReactJs, React Native from akashmittal.com