Чтобы блок оставался на месте при уменьшении размера окна, можно использовать CSS-свойства, которые помогут фиксировать его положение. Вот несколько возможных способов, которые можно попробовать.
1. **Использование Flexbox**:
Если вы используете Flexbox, можно задать контейнеру flex-свойства. Например:
```html
<div class="glavna">
<div class="text">
<a>Быстрые <br>займы на карту</a>
</div>
</div>
```
```css
.glavna {
display: flex;
justify-content: center; /* Центрируем по горизонтали */
}
.text {
/* любые другие стили для блока */
}
```
2. **Использование фиксированной ширины**:
Если вам нужна фиксированная ширина для блока, вы можете задать ей конкретное значение, например:
```css
.text {
width: 300px; /* Задайте нужную ширину */
margin: 0 auto; /* Центрируем по горизонтали */
}
```
3. **Использование позиционирования**:
Если вы хотите, чтобы блок зафиксировался на определенной позиции, вы можете использовать `position: absolute` или `position: fixed`:
```css
.glavna {
position: relative; /* Важно для правильного позиционирования дочерних элементов */
}
.text {
position: absolute; /* Или fixed, в зависимости от ваших нужд */
top: 50%; /* Пример: по центру по вертикали */
left: 50%; /* Пример: по центру по горизонтали */
transform: translate(-50%, -50%); /* Центрируем с помощью трансформации */
}
```
### Примечания:
- Убедитесь, что родительский контейнер имеет свойства `display`, которые позволяют вам контролировать расположение дочерних элементов.
- Некоторые из этих решений могут потребовать дополнительных настроек, в зависимости от того, как вы хотите, чтобы блок выглядел при различных размерах экрана.
Выберите один из предложенных подходов в зависимости от того, какие эффекты вы хотите достичь.