JSFiddle - React, Tailwind, and code Playground

HTML

<div class="obal">
  <span class="sopel">&copy;</span>
  <h1 class="nadpis">Nejakej nadpis, kterej bude nejspis sstrasne dlouhej a nevleze se ani na jeden radek</h1>
</div>

CSS

.obal {
  border: 1px solid red;
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
}
.sopel{
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px solid green;
  padding: 10px;
  margin-right: 10px;
}
.nadpis {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;

}