ページの中央にテキストを固定する

Question

私はこの質問に対する答えをオンラインで検索しましたが、これを行うことは可能ですが、そこにあるものを把握できません。

背景：質問をクリックして同じページの回答に誘導できるよくある質問セグメントを作成しています。質問もカテゴリに分かれています。

私はこれを基本的なhrefの概念で実現することができましたが、質問の答えがページの中央に表示され、一番上の余白のすぐ下には表示されませんユーザーはアンカーされた質問をクリックします。

うまくいけば、私は何を意味するのか多少の絵を描くことができたと思います。さて、私は文法に関して私が持っているものを見せてくれるでしょう。

私は、スタイル、クラス、またはその他の属性を使用してコードを作成する方法は複数あると確信していますが、強いコーディングの背景は保持していません。説明イメージがW3SchoolスタッフXDから拾うことができた。誰かが私を助けることができれば、それは多くのクーラーを使用するためのFAQセクションを作ると思いますので、

が、私はそれを感謝し、非常に多くをしたい。

ここにありますシナリオは少し良くなりました。

Question Section Answer Section

  <p> 
     <strong>Color Questions</strong> 
     <br/> 
     <a href="#A">What is the door's color?</a> 
     <br /> 
     <a href="#B">What is the window's color?</a> 
     </p> 
     <p> 
     <strong>Shape Questions</strong> 
     <br/> 
     <a href="#C">What is the shape of a ball?</a> 
     <br/> 
     <a href="#D">What is the shape of a box?</a> 
     </p> 
     <h3>Answers</h3> 
     <p> 
     <strong>Color Questions</strong> 
     </p> 
     <p> 
     <strong> 
     <a id="A"></a>What is the door's color? 
     </strong> 
     <br />The door's color is blue. 
     </p> 
     <p> 
     <strong> 
     <a id="B"></a>What is the window's color?</strong> 
     <br />The windows's color is red. 
     </p> 
     <p> 
     <strong> 
     Shape Questions</strong> 
     </p> 
     <p> 
     <strong> 
     <a id="C"></a>What is the shape of a ball? 
     </strong> 
     <br />A ball has the shape of a sphere. 
     </p> 
     <p> 
     <strong> 
     <a id="D"></a>What is the shape of a box? 
     </strong> 
     <br />A box has the shape of a cube. 
     </p> 

Answer 1

あなたが途中でテキストを入れたい場合は、<center>を使用して、このタグにテキストを置くことができますが、それは今は廃止され、this.youはmarginとpaddingを使用することができます行うには良い方法がありますし、テキストを大きなポジションに設定することもできます。position。w3schools.comをチェックしてください。