How Can I Insert Vertical Blank Space into an Html Document?
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...
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?
4 Answers
Read up some on css, it's fun:
<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>
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>
i always use this cheap word for vertical spaces.
<p>Q1</p>
<br>
<p>Q2</p>
write it like this
p {
padding-bottom: 3cm;
}
or
p {
margin-bottom: 3cm;
}
Chloe Bennett explores the intersection of pop culture, streaming entertainment, digital trends, and contemporary lifestyle. Her weekly commentary reaches thousands of culture enthusiasts.
