Issue 5102 - Replaced semantically incorrect <hr> elements with :after styles

pages/about/best-practices.md

 title=Best Practices
 description=A few best practices of how Acceptable Ads are formatted and implemented
 parent=about/index
 custom=1
 
 <div class="container" markdown="1">
   <div class="col-6" markdown="1">
 
 # {{best-practices-heading[Best practices heading] Best Practices}}
 
----
-
 <div class="section" markdown="1">
 {{best-practices-summary[Best practices summary] The following guidelines have been taken from successful cases of websites implementing Acceptable Ads. Make your website look awesome and start monetizing good forms of advertising, too. It’s this easy:}}
 </div>
 
   </div>
 </div>
 
 <div class="bg-accent section" markdown="1">
   <div class="container center" markdown="1">
 
@@ skipping 25 matching lines @@
   <div class="section" markdown="1">
 
 ![{{be-straightforward-image-alt(Be straightforward image alt text) Good location example image}}](/img/png/best-practice-label.png)
 
 ### {{be-straightforward-header[Be straightforward header] Be straightforward, and don’t try to disguise ad content as editorial}} {: #be-straightforward }
 
 {{be-straightforward-p[Be straightforward paragraph] Make your ads recognizable by labeling them as such. With new formats such a native, the line between editorial content and ads has never been so thin!}}
 
   </div>
 </div>