View Single Post
Old 07-26-2022, 08:23 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,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
Quote:
Originally Posted by Karellen View Post
<p class="copy">Introduction copyright © 1989 Hui Corporation</p>
<p class="copy">Text copyright ©1956 Hui Corporation</p>
<p class="copy">Republished in 2012</p>
<p class="copy">All rights reserved.</p>
An alternate, and IMHO cleaner, way to do this is by using a <div>:

Code:
<div class="copy">
  <p>Introduction copyright © 1989 Hui Corporation</p>
  <p>Text copyright ©1956 Hui Corporation</p>
  <p>Republished in 2012</p>
  <p>All rights reserved.</p>
</div>

CSS:

div.copy {yadda yadda}
div.copy p {yadda yadda}
That keeps the html nice and compact and you know exactly what’s going on in the <div> without the repetitive code bloat. Multiple <div> classes in your css handle the styling in an organized manner.
Turtle91 is offline   Reply With Quote