I have a label that is located inside a dynamically sized div.
the label starts from about the middle of the div
I am trying to add ellipsis to it but I just cant get it to start the ellipsis in the correct place
here is my code:
<div id="container" style="text-overflow: ellipsis;overflow:hidden;width:50px">
<label id="myLabel" style="left: 20px!important;position: absolute;">test1234567890</label></div>
what am I doing wrong?
Ellipsis property won't affect absolutely positioned element's, if you want to move label left AND keep ellipsis, you should set
padding-left:20px; to div