web-dev-qa-db-fra.com

Comment puis-je insérer un espace vide vertical dans un document html?

J'écris un quiz dans html et je voudrais insérer un espace vertical vide cohérent entre les questions (comme on utiliserait vspace{3 cm} dans LaTeX).

Par exemple:

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

Existe-t-il un moyen simple de le faire en utilisant simplement html et css?

22
KennyPeanuts

Lisez quelques informations sur css, c'est amusant: http://www.w3.org/Style/Examples/007/units.fr.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

écris comme ça

p {
    padding-bottom: 3cm;
}

ou

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

Bien que les réponses ci-dessus soient probablement les meilleures pour cette situation, si vous souhaitez simplement effectuer une opération unique et ne pas vous soucier de modifier d'autres fichiers, vous pouvez aligner le CSS.

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

j'utilise toujours ce mot bon marché pour les espaces verticaux.

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