Как прижать текст к нижней части экрана

Question

Как прижать определённый текст снизу-посередине экрана?

Пример:

Код:

        <div class="text">
            <small class="text-transp">
                texttest - 
                <a href="#">link</a>
                - texttest
            </small>
        </div>

Answer 1

Вариантов достаточно, вы можете обернуть элемент .text внутри элемента-контейнера, к примеру, footer, контейнер прижать к низу body, а .text сделать flex-контейнером, в котором элементы расположены в самом низу и в центре по горизонтали:

body {
  width: 100%;
  height: 90vh;
  position: relative;
}

footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.text {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
}

<body>
  <footer>
    <div class="text">
      <small class="text-transp">
          texttest - 
          <a href="#">link</a>
          - texttest
      </small>
    </div>
  </footer>
</body>

БЛОГ НА HUSL

Как прижать текст к нижней части экрана

Ответы (1 шт):