ボタン、テキスト、画像をスクリーン/ブラウザのサイズに合わせて保持する方法は？

Question

私は小規模なウェブサイトを作っています。私はCSSにはまったく新しいですが、私は何も作業していないウェブページのサイズを変更すると、表示されている画面のサイズに関係なくそのままです。たとえば、右のテキストを最大にしてブラウザサイズを大きくして、ブラウザの中心にいる場合は、テキストが右側に表示されます。

ブラウザのコーナーをドラッグすると、Webページのサイズが増減する画像があります。ハイパーリンクのリスト、テキストボックス、または一般的なテキストでその画像に同じ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%; 
}