Вопрос Как в css изменить расположение объектов как показано на картинке?

[asfsgsdv]

HTML:

Условия: Нельзя использовать position: absolute;Менять ТОЛЬКО css не изменяя html

 

[цука]

гугли флексы или свойства дисплей

 

[Verline.Ruso]

какой функцией? position: relative;? display: flex?

 

[88888]

.container {
display: grid;
grid-template-columns: 100px 100px;
grid-template-rows: 100px 100px;
width: 200px;
}

.item1 {
order: 2;
grid-column-start: 1;
background: red;
}
.item2 {
order: 1;
grid-column-start: 1;
background: blue;
transform: translateX(50%);
}
.item3 {
order: 3;
grid-column-start: 2;
background: green;
}

 

[Efir]

У тебя типаж недоучки-попрошайки. Ты не пытаешься решить задачу самостоятельно и требуешь готового решения от других.
Кроме того, ты жалуешься на ответы, которые тебе не нравятся и их удаляют.
Кроме того, ты пишешь комментарии к моим ответам и тут же жалуешься. В результате я не могу прочитать твой комментарий, потому что по твоей же жалобе ответ удаляется. Это какая-то квинтэссенция идиoтизма с твоей стороны.
Кроме того, иногда ты хамишь в комментариях к ответам других пользователей, которые тебе пытаются помогать.