Как вставить вертикальное пустое пространство в html-документ?
Я пишу викторину в html
, и я хотел бы вставить постоянное пустое вертикальное пространство между вопросами (например, в LaTeX можно использовать vspace{3 cm}
).
Например:
<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
?
Ответы
Ответ 1
Прочитайте некоторые из 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>
Ответ 2
напишите так:
p {
padding-bottom: 3cm;
}
или
p {
margin-bottom: 3cm;
}
Ответ 3
Хотя приведенные выше ответы, вероятно, лучше всего подходят для этой ситуации, если вы просто хотите сделать один раз и не хотите беспокоиться о модификации других файлов, вы можете включить CSS.
<p style="margin-bottom:3cm;">This is the first question?</p>
Ответ 4
я всегда использую это дешевое слово для вертикальных пробелов.
<p>Q1</p>
<br>
<p>Q2</p>