View Single Post
Old 03-18-2022, 10:16 AM   #9
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,361
Karma: 20212223
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
I've always used blockquote when it is a longer quote...typically two or more paragraphs. I think that is why people are used to using the <p> tags inside of a blockquote. If it was a single paragraph then it's easier to just style the individual paragraph:

Code:
p.quote {margin:1em; text-indent:0; text-align:left; 
         font-size:.8em; font-style:italic}

<p>This is a normal paragraph before the quote.</p>
<p class="quote">Yadda yadda yadda...</p>
<p>This is a normal paragraph after the quote.</p>

vs.

blockquote        {margin:1em auto; width:50%}
blockquote p      {margin:0 0 .75em; text-align:left; text-indent:0; 
                   font-size:.8em; font-style:italic}
blockquote p.auth {margin:1.5em 0 0; text-align:right; font-style:normal}
blockquote + p    {text-indent:0}

<p>This is a normal paragraph before the blockquote.</p>
<blockquote>
  <p>Yadda yadda yadda...</p>
  <p>Also, yadda yadda yadda...</p>
  <p>But then, yadda yadda yadda...</p>
  <p>Finally, yadda yadda yadda...</p>
  <p class="auth">- Dion, circa 2022,<br />post pandemic</p>
</blockquote>
<p>This is a normal paragraph after the blockquote.</p>
Click image for larger version

Name:	Screenshot 2022-03-18 101428.png
Views:	209
Size:	67.1 KB
ID:	192830


I only use classes when there is something different about that particular thing...otherwise I simply define the base tag...that keeps the code view nice and clean, reducing bloat. It drives me nuts when I see things like this on every paragraph:

<p style="margin:0.00% 0.00%; text-indent:1.2em; text-align:justify; widows:0; orphans:0"> <span style=" font-size:1.0rem">Hello.</span> </p>

when it could be just:

p {margin:0; text-indent:1.2em}

<p>Hello.</p>
Turtle91 is online now   Reply With Quote