CSS text-overflow example

HTML

<div class="creationItemTitle">
    <div class="title" >florida sunset            
        macbook pro 
        skin florida sunset 
        macbook pro skin
    </div>
</div>
<div class="col-md-12" style="display: inline-flex">
                       <label>Nombre: </label>
                       <p id="printerName" title="" class="title" style="max-width: 50px">123456789123456789123456789123456789</p>
                   </div>

CSS

.creationItemTitle {
    max-width: 210px;
}

.title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}