title: CSS: display: inline-flex and text-overflow: ellipsis not working togethier
body: <p>I have a <code>span</code>. I need both the below mentioned styles. But along with <code>display: inline-flex</code>, <code>text-overflow: ellipsis</code> is not working.</p>
  
  <pre><code>.ed-span{
     display: inline-flex!important;
     text-overflow: ellipsis;
   }
  </code></pre>
  
  <p>when I change <code>inline-flex</code> to <code>inline-block</code> it is working. But I need <code>inline-flex</code>.</p>
  
  <p>How can i make it work?</p>
  
  <p>Please help,
  Thanks.</p>