IE10 text-overflow ellipsis not working
I have an <a> tag in html, and I want it to be ellipsis. But when I add a <div> inside the <a> tag, 'text-overflow' doesn't work. HTML: <div class=boxed> <h1>text-overflow Attribute Sample</h1> <a href="#" class="caption"> <!----><div style="width:100px;height:20px;border: 1px solid red"></div> Each box (div element) below contains the following text: </a> </div> CSS: div.boxed { width: 200px; height: 200px; border: 1px solid blue; font: 14px Times New Roman, serif; overflow:hidden; 'position:relative; } a.caption { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display:block;