How can I insert vertical blank space into an html document?

HtmlCssWhitespace

Html Problem Overview

I am writing a quiz in html and I would like to insert a consistent blank vertical space between questions (like one would use vspace{3 cm} in LaTeX).

For example:

<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>

Is there a straight forward way of doing this using just html and css?

Html Solutions

Solution 1 - Html

Read up some on css, it's fun: 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>

Solution 2 - Html

While the above answers are probably best for this situation, if you just want to do a one-off and don't want to bother with modifying other files, you can in-line the CSS.

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

Solution 3 - Html

i always use this cheap word for vertical spaces.

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

Solution 4 - Html

write it like this

p {
    padding-bottom: 3cm;
}

or

p {
    margin-bottom: 3cm;
}
Categories
Recommended Html Solutions
Recommended Css Solutions
Recommended Whitespace Solutions

Previous Solution:

MySQL datatype to store month and year only

MysqlSqlDatabase Design

Next Solution:

Variable Name Error "is undefined" even though "variables.less" imported

CssLess

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionDQdlMView Question on Stackoverflow
Solution 1 - HtmlDMCSView Answer on Stackoverflow
Solution 2 - HtmlSMBiggsView Answer on Stackoverflow
Solution 3 - Htmlnarendra singhView Answer on Stackoverflow
Solution 4 - HtmlsandeepView Answer on Stackoverflow