40 votes

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

J'écris un quiz en html et j'aimerais insérer un espace vertical vierge 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 seulement html et css ?

48voto

DMCS Points 25136

En lire plus 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>

17voto

Scott Biggs Points 958

Alors que les réponses ci-dessus sont probablement les meilleures pour cette situation, si vous voulez juste faire une seule fois et ne voulez pas prendre la peine de modifier d'autres fichiers, vous pouvez en ligne le CSS.

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

11voto

narendra singh Points 111

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

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

9voto

sandeep Points 43178

l'écrire comme ceci

p {
    padding-bottom: 3cm;
}

ou

p {
    margin-bottom: 3cm;
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X