View Single Post
Old 11-23-2015, 06:13 PM   #17
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,355
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by JLius View Post
Okay, so I'm even more of an idiot than I thought I was...
Anyway, I have this:
Code:
p {
  text-indent: 0;
  line-height: normal;
  margin-bottom: 1em;
}
and this:
Code:
.nomargin {
  margin-bottom: 0em;
}
But when I write this:
Code:
<p class="nomargin">Blablabla</p>
<p class="nomargin">Blablabla</p>
<p>Blablabla</p>
There's still a margin-bottom between these three paragraphs. The "nomargin" class ain't doing shit.
What am I missing here?
For the sake of concise coding, you should have the normal style as the paragraph style used on the majority of paragraphs...save the specific class for the different paragraph.

Code:
p {margin:0; text-indent:1.2em}
p.break {margin-top:1em; text-indent:0}

<p>normal paragraph</p>
<p>normal paragraph</p>
<p.break>no indent with a space above it paragraph</p>
<p>normal paragraph</p>
<p>normal paragraph</p>
Turtle91 is offline   Reply With Quote