JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <h1>Lorem ipsum dolor sit amet, consectetu</h1>
    
    <span class="status">Lorem ipsum dolor</span>
    <button>Lorem</button>
</header>

CSS

header {
        align-items: center;  
        justify-content: space-between;
        display: flex;      
}

h1 {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

.status {
    white-space: nowrap;
}
button {
  
}