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
?
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>
écris comme ça
p {
padding-bottom: 3cm;
}
ou
p {
margin-bottom: 3cm;
}
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>
j'utilise toujours ce mot bon marché pour les espaces verticaux.
<p>Q1</p>
<br>
<p>Q2</p>