JSFiddle - React, Tailwind, and code Playground

HTML

<div class="title-logo-container" >
     <span class="logo">
       <a href="/" data-adobe-tagging="Homepage">				
			<img src="" alt="LOGO IMAGE">
       </a>
                        
	</span>
    <p class="page-title" s>
        Соревнование Fight Challenge.  Прими вызов – стань победителем!
    </p>
</div>

CSS

.title-logo-container {
  border: solid 1px #f00;
  display:inline-block;
  float:left;
  width:100%;
}

.logo {
    margin: 1.375em 1.5625em 15px;
    padding: 0;
    position: relative;
    width: 100px;
    z-index: 103;
    display: inline-block;
}

.page-title {
  width: calc(100% - 160px);
    display: inline-block;
    margin: 0;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}