Как можно создать вложенный элемент в виде квадрата внутри другого квадрата с использованием CSS и HTML?

Для создания вложенного элемента в виде квадрата внутри другого квадрата можно использовать CSS свойство `position: relative` для внешнего квадрата и `position: absolute` для внутреннего квадрата. Также можно использовать CSS свойства `width` и `height` для задания размеров квадратов.

Пример кода HTML и CSS:

```html
<div class="outer-square">
  <div class="inner-square"></div>
</div>
```

```css
.outer-square {
  width: 200px;
  height: 200px;
  position: relative;
  background-color: red;
}

.inner-square {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: blue;
}
```

На данном изображении изображен внутренний синий квадрат, помещенный внутрь внешнего красного квадрата.