Чтобы переместить блок TEXT на другой блок, вы можете использовать CSS свойство "position" в сочетании с "top", "bottom", "left" или "right", чтобы задать позиционирование блока. Пример:
HTML:
```html
<div class="block1">
<p>TEXT</p>
</div>
<div class="block2">
<p>Another block</p>
</div>
```
CSS:
```css
.block1 {
position: relative;
top: 50px; /* или другие значения */
left: 50px; /* или другие значения */
}
```
В данном случае, блок "TEXT" будет перемещен на 50 пикселей вниз и 50 пикселей вправо от его исходной позиции.
Относительно упрощения HTML-кода, это зависит от конкретных требований и структуры вашего проекта. Однако, вы можете использовать CSS классы и элементы, такие как "div", чтобы упростить разметку. Пример:
HTML:
```html
<div class="container">
<div class="block">
<p>TEXT</p>
</div>
<div class="block">
<p>Another block</p>
</div>
</div>
```
CSS:
```css
.container {
display: flex;
}
.block {
margin: 10px; /* задаёт отступы блокам */
}
```
В данном примере, мы используем класс "container" для создания контейнера, внутри которого располагаются блоки. Класс "block" применяется к каждому блоку. Это позволяет легко стилизовать и управлять блоками.
