alinear flex horizontal

by jpeter06

HTML

<h1 class="titlecont">
<span>titulo</span>
<button>
Boton
</button>
<div class="filldiv">
</div>
<span>X</span>
</h1>

CSS

.titlecont{
 display:flex;
 gap:0.2rem;
 align-content: center;
 align-items: center;
 height:3rem;
 background:tan;
}

.filldiv{
  flex-grow: 1;
  border-bottom:1px solid red;
  height:1px;
}