Как я могу вставить вертикальное пустое пространство в HTML-документ? - PullRequest
Новая
       10

Как я могу вставить вертикальное пустое пространство в HTML-документ?

20 голосов
/ 04 февраля 2012

Я пишу викторину в 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?

Ответы [ 4 ]

33 голосов
/ 04 февраля 2012

Читайте немного о 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>
8 голосов
/ 04 февраля 2012

напиши как это 

p {
    padding-bottom: 3cm;
}

или 

p {
    margin-bottom: 3cm;
}
4 голосов
/ 20 февраля 2018

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

0 голосов
/ 21 мая 2019

Я всегда использую это дешевое слово для вертикальных пробелов. 

    <p>Q1</p>
    <br>
    <p>Q2</p>
...