Как вставить поле между двумя строками? Я не хочу, чтобы поле начиналось в начале строки, я хочу, чтобы начало и конец н ⇐ CSS

[Anonymous]

Очевидно, это что-то более сложное, но мне бы хотелось четкого и простого описания.
[img]https://i.sstatic. net/AJ9Kby78m.png[/img]

Я пробовал использовать макет сетки и флексбокса, установил «align-self: center» в правом поле, но ничего не происходит, попросил ChatGPT и Perplexity тоже но Я застрял.
Я просто хочу отобразить третий блок (в возможном гибком или сеточном макете из трех блоков) справа, по центру посередине первого и второго левого блока. .
Это пример кода:

Код: Выделить всё

.container {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 1.5rem;
}

.box {
background-color: #fff;
border: 2px solid #000;
}

.box1,
.box2 {
flex: 1 1 calc(60% - 1.5rem);
height: 250px;
}

.box3 {
flex: 1 1 calc(40% - 1.5rem);
height: 250px;
align-self: center;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/792 ... -the-begin