1. ホーム
  2. html

[解決済み】html文書に縦の空白を挿入するには?

2022-02-11 06:41:16

質問事項

でクイズを書いています。 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>

のみで行う簡単な方法はありますか? htmlcss ?

解決方法は?

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>