Налаштування властивості позиції position: absolute на елементі дозволяє використовувати властивості CSS top , bottom , left і right для переміщення елемента по сторінці саме туди, куди ви хочете. Наприклад, установивши top: 1em, перемістіть елемент так, щоб його вершина була на 1em від верхньої частини сторінки.
Щоб змінити положення елемента div за допомогою CSS, ви можете використовуйте властивість position разом із властивостями top, right, bottom і left. Ось огляд різних значень, які можна використовувати для властивості position: static (за замовчуванням): елемент розташовується відповідно до звичайного потоку документа.
Додайте стиль CSS, додавши властивість margin-left, яка посилається на кнопку. Наступний фрагмент коду може бути додатним або від’ємним числом для зсуву кнопки вліво або вправо. Як правило, якщо ви використовували рішення кнопки, додайте властивість margin-left, як на знімку екрана, або додайте наведений нижче код у спеціальний блок html.
Ви можете використовуйте такі властивості позиціонування CSS, як position, top, bottom, left і right щоб розмістити елементи форми на веб-сторінці. У наведеному вище прикладі ми використали position: absolute, щоб позиціонувати елемент форми відносно його батьківського елемента.
Щоб змінити позицію тексту після, вам, очевидно, потрібно створити стиль тексту в CSS. Для цього використовуйте атрибути: положення: родич; top:0px; зліва:0px; margin-left:0px; margin-right:0px; (виберіть бажану кількість пікселів).
Ось коротка довідка щодо переміщення елементів HTML у CSS.
- Рух ліворуч – використовуйте від’ємне значення для ліворуч.
- Переміщення вправо – використовуйте додатне значення для ліворуч.
- Перемістити вгору – використовуйте від’ємне значення для верху.
- Перемістити вниз – використовувати додатне значення для верху.
