Quote:
Originally Posted by Robotech_Master
|
Yes there is...
Code:
body {
widows: 1;
orphans: 1;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
text-align: justify;
}
p {
margin-top: 0;
margin-bottom: 0;
text-indent: 1.2em;
}
.spacebreak {
padding-top: 2em;
text-indent: 0;
}
Code:
<p>Some random line.,/p>
<p class="spacebreak">This is another section.</p>
Because you are using windows and orphans of 1, you don't have extra space at the bottom. And that means the padding of 2em shows up instead of getting lost with widows and orphans. The padding is used instead of margin because padding works better for a section break when it's at the bottom or top of the screen.