#f {
width:400px;
}
#h {
width:100%;
display:flex;
align-items: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#g {
background-color: #000;
color:#fff;
margin-left: auto;
}
<div id=f>
<div id=h>
Строчка, которую необходимо урезать..............Текст
<div id=g>Не сокращать</div>
</div>
</div>
Вопрос в том, возможно ли урезать строчку если она не помещается в ширину блока. При этом, не обертывая ее в html блок.