Как сверстать такой блок без лишних оберток?

Question

[Сергей Дроздов]

Как сверстать такой блок без лишних оберток?

Answer 1

[RAX7]

<div class="title"> заголовок заголовок заголовок </div>
<div class="description"> текст текст текст текст </div>
<button class="action"> кнопка </button>

body {
  display: grid;
  grid-template-columns: 1fr min-content;
  align-items: center;
}

.title {
  grid-column: 1 / -1;
}