<div class="flex-parent">
  <img class="other" src="https://picsum.photos/id/10/80/80" alt="" />
  <div class="flex-child">日下壁而沉彩，月上轩而飞光。见红兰之受露，望青楸之离霜。巡曾楹而空掩，抚锦幕而虚凉。知离梦之踯躅，意别魂之飞扬。</div>
</div>
.flex-parent {
  display: flex;
  align-items: center;
  padding: 16px;
  margin: 16px;
  background-color: #eee;
}

.flex-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.other {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.