Сокращение текста, не обертывая в блок
.gl {
width: 500px;
display: flex;
align-items: center;
}
span, .gl:before {
display: block;
background: red;
content:'';
width: 50px;
height: 50px;
}<div class='gl'>Текст текст текст<span></span></div>Возможно организовать таким образом, чтобы текст по центру сократить если не помещается. При условии что структура html останется прежней, то есть не обертывать лишний раз текст в блок??
Источник: Stack Overflow на русском