<div> <div>left top</div> <div>right top</div> <div>center</div> <div>leftt bottom</div> <div>right bottom</div> </div> Напишите CSS-код таким образом, чтобы н

Вопрос пользователя:

<div> <div>left top</div> <div>right top</div> <div>center</div> <div>leftt bottom</div> <div>right bottom</div> </div> Напишите CSS-код таким образом, чтобы на странице отобразился квадрат размером 300x300px, внутри которого пять квадратов размером 100x100px — по одному в каждом углу и один по центру. Изменять HTML-код при этом нельзя.

Ответ нейросети:

div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 300px;
  height: 300px;
  border: 1px solid black;
}

div > div {
  width: 100px;
  height: 100px;
  border: 1px solid black;
}

div > div:nth-child(1),
div > div:nth-child(2),
div > div:nth-child(4),
div > div:nth-child(5) {
  margin: 0;
}

div > div:nth-child(3) {
  margin: auto;
}

Напишите нам, если в вопросе есть ваши персональные данные ([email protected])

Последние вопросы: