web-dev-qa-db-ja.com

HTMLドキュメントに垂直方向の空白を挿入するにはどうすればよいですか？

私はhtmlでクイズを書いていますが、質問の間に一貫した空白の垂直スペースを挿入したいと思います（vspace{3 cm} LaTeXで）。

例えば：

<html>
  <body>
    <p>
     This is the first question?
      <!-- this is where I want about 3 cm of space -->
    </p>
    <p> 
     This is the second question?
     <!-- this is where I want about 3 cm of space -->
    </p>
  </body>
</html>

htmlとcssだけを使用してこれを行う簡単な方法はありますか？

htmlcsswhitespace
22
KennyPeanuts

Cssのいくつかを読んで、それは楽しい： http://www.w3.org/Style/Examples/007/units.en.html

<style>
  .bottom-three {
     margin-bottom: 3cm;
  }
</style>


<p class="bottom-three">
   This is the first question?
</p>
<p class="bottom-three">
   This is the second question?
</p>
35
DMCS

こう書いて

p {
    padding-bottom: 3cm;
}

または

p {
    margin-bottom: 3cm;
}
8
sandeep

上記の答えはおそらくこの状況に最適ですが、1回限りの処理を行いたいだけで、他のファイルの変更に煩わされたくない場合は、CSSをインライン化できます。

<p style="margin-bottom:3cm;">This is the first question?</p>
6
Scott Biggs

私は常にこの安価なWordを垂直スペースに使用します。

    <p>Q1</p>
    <br>
    <p>Q2</p>
0
narendra singh