Как сохранить кнопки, текст и изображения относительно размера экранов/браузеров?

Question

Я делаю небольшой веб-сайт, и я очень новичок в CSS, но всякий раз, когда я меняю размер веб-страницы, я работаю над тем, чтобы оставаться в стороне от размера экрана, на котором он отображается. Например, у меня есть текст справа, если я увеличиваю размер своего браузера, максимизируя текст справа, остается на месте и теперь находится в центре браузера.

Одно из моих изображений перемещается с увеличением размера страницы и уменьшением путем перетаскивания угла браузера. Я использую тот же CSS-код для этого изображения в списке гиперссылок, текстовом поле или тексте в целом, и он вообще не работает.

Я исследовал высоко и низко, я нашел кое-что на нем, но ничего не работает. Я так расстраиваюсь, мой сайт также локальный, поэтому я даже не могу поделиться ссылкой. Если кто-то не понимает, что я имею в виду, я попробую объяснить его, просто трудно объяснить эту проблему.

код, который работает для изображения:

img { 
    padding-top:50px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
} 

Кроме того, я хочу, чтобы переместить гиперссылок в левом верхнем углу, а не иметь их авто назначенную, если это делает разницу, и я не могу прикоснуться к HTML-код либо, просто CSS. (Я делаю тест CSS, чтобы узнать, смогу ли я повторить образ уже сделанной веб-страницы. Я не делаю этого как часть курсовой работы или теста в колледже/университете, я студент, но я «При трудоустройстве в качестве инженера-программиста, это неполная домашняя работа для меня, чтобы самостоятельно учиться). Заранее спасибо.

Answer 1

вы можете использовать процент обозначения

, например:

img { 
    padding-top:50px; 
    display: block; 
    margin-left: 10%; 
}