CSS Why does margin-bottom not work in my code?

[stowman]

The following code results in the three paragraphs using 'psf-body_text' being in red (which is correct) but the margin-bottom is not 99px.
Why?
===================================================

<style>
.psf-body_text{color:red;margin-bottom:99px;}
</style>
<div class='psf-title'>TITLE OF WRITTEN FILE</div>
<div class='psf-subtitle'>Sub of written file!!!!</div>
<div class='psf-body_text'>FOIST paragraph of body text, followed by 2 newlines using nl2br.?Convert to p????<p>
<p>
2nd paragraph, ends with one newline using nl2br..<p>
3rd paragraph.</div>
<hr style='height:2px; width:100%; border-width:0; color:red; background-color:red; margin: 3px 0 2px 0;>'</div>

 

[Malcolm]

Hey there,

So I tested the code and I can see that after the psf-body_text div that there is a margin for the bottom of 99px. Was there something you were looking for in particular?

The following code results in the three paragraphs using 'psf-body_text' being in red (which is correct) but the margin-bottom is not 99px.
Why?
===================================================

<style>
.psf-body_text{color:red;margin-bottom:99px;}
</style>
<div class='psf-title'>TITLE OF WRITTEN FILE</div>
<div class='psf-subtitle'>Sub of written file!!!!</div>
<div class='psf-body_text'>FOIST paragraph of body text, followed by 2 newlines using nl2br.?Convert to p????<p>
<p>
2nd paragraph, ends with one newline using nl2br..<p>
3rd paragraph.</div>
<hr style='height:2px; width:100%; border-width:0; color:red; background-color:red; margin: 3px 0 2px 0;>'</div>

Also to note, on line 10 you're missing a single quote to complete the inline styling. It looks like you misplace the single quote between div and /div.

You currently have:

<hr style='height:2px; width:100%; border-width:0; color:red; background-color:red; margin: 3px 0 2px 0;>'</div>

It should be:

<hr style='height:2px; width:100%; border-width:0; color:red; background-color:red; margin: 3px 0 2px 0;'></div>

 

[stowman]

Hey there,

So I tested the code and I can see that after the psf-body_text div that there is a margin for the bottom of 99px. Was there something you were looking for in particular?



Also to note, on line 10 you're missing a single quote to complete the inline styling. It looks like you misplace the single quote between div and /div.

You currently have:

<hr style='height:2px; width:100%; border-width:0; color:red; background-color:red; margin: 3px 0 2px 0;>'</div>

It should be:

<hr style='height:2px; width:100%; border-width:0; color:red; background-color:red; margin: 3px 0 2px 0;'></div>

Firstly, thanks for spotting the misplaced single quote.
Regarding the margin-bottom, I have solved my own problem.
Thank you anyway.