From 8e42341e6d87921afec7244535c07383c69e2838 Mon Sep 17 00:00:00 2001
From: Rotzbua <Rotzbua@users.noreply.github.com>
Date: Wed, 30 Sep 2026 20:26:23 +0200
Subject: [PATCH] chore: use clear class instead of custom style

---
 documentation-books.html | 54 ++++++++++++++++++-------------------
 libraries.html           | 58 ++++++++++++++++++++--------------------
 2 files changed, 56 insertions(+), 56 deletions(-)

diff --git a/documentation-books.html b/documentation-books.html
index 38759af9..8ab58662 100644
--- a/documentation-books.html
+++ b/documentation-books.html
@@ -163,7 +163,7 @@ <h1><a href="documentation-articles.html">Articles / Blogs</a></h1>
     <section id="books-english">
       <h1><span role="img" aria-label="Flag of United Kingdom">🇬🇧</span> English</h1>
       <!--
-      <p style="clear: both"><br></p>
+      <p class="clear"><br></p>
       <p id="">
         <img class="libimg" width="200" src="images/" align="right">
         <h2></h2>
@@ -178,7 +178,7 @@ <h2></h2>
         </div>
       </p>
       -->
-      <p id="programming-with-openscad" style="clear: both"><br></p>
+      <p id="programming-with-openscad" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/ProgrammingWithOpenSCAD.png" align="right">
         <h2 class="link-hover">Programming with OpenSCAD - <i>A Beginner's Guide to Coding 3D-Printable Objects</i><span> <a class="section-link" href="#programming-with-openscad">§</a></span></h2>
@@ -207,7 +207,7 @@ <h2 class="link-hover">Programming with OpenSCAD - <i>A Beginner's Guide to Codi
         </div>
         <p>Read more at <a href="https://programmingwithopenscad.github.io/">programmingwithopenscad.github.io</a></p>
       </p>
-      <p id="this-is-openscad" style="clear: both"><br></p>
+      <p id="this-is-openscad" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/ThisIsOpenSCAD.jpg" align="right">
         <h2 class="link-hover">This is OpenSCAD<span> <a class="section-link" href="#this-is-openscad">§</a></span></h2>
@@ -273,7 +273,7 @@ <h4>Who Is This Book For?</h4>
         <p>Order from <a href="https://www.amazon.com/dp/B0H6QSLHT3">Amazon</a></p>
         </div>
       </p>
-      <p id="make-trigonometry" style="clear: both"><br></p>
+      <p id="make-trigonometry" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/Make-Trigonometry-Cover.jpg" align="right">
         <h2 class="link-hover">Make: Trigonometry<span> <a class="section-link" href="#make-trigonometry">§</a></span></h2>
@@ -312,7 +312,7 @@ <h2 class="link-hover">Make: Trigonometry<span> <a class="section-link" href="#m
         <p>Buy from Make: <a href="https://www.makershed.com/products/make-trigonometry-print">Print</a> / <a href="https://www.makershed.com/products/make-trigonometry-epub-pdf">PDF & ePub</a></p>
         <p>Order from <a href="https://www.amazon.com/dp/1680457985/">Amazon</a></p>
       </p>
-      <p id="make-calculus" style="clear: both"><br></p>
+      <p id="make-calculus" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/Make-Calculus-Cover.jpg" align="right">
         <h2 class="link-hover">Make: Calculus<span> <a class="section-link" href="#make-calculus">§</a></span></h2>
@@ -338,7 +338,7 @@ <h2 class="link-hover">Make: Calculus<span> <a class="section-link" href="#make-
         <p>Buy from Make: <a href="https://www.makershed.com/products/make-calculus-print">Print</a></p>
         <p>Order from <a href="https://www.amazon.com/Make-Calculus-prints-coding-electronics/dp/168045739X/">Amazon</a></p>
       </p>
-      <p id="simplifying-3d-printing" style="clear: both"><br></p>
+      <p id="simplifying-3d-printing" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/Simplifying3DPrintingWithOpenSCAD.jpg" align="right">
         <h2 class="link-hover">Simplifying 3D Printing with OpenSCAD<span> <a class="section-link" href="#simplifying-3d-printing">§</a></span></h2>
@@ -377,7 +377,7 @@ <h2 class="link-hover">Simplifying 3D Printing with OpenSCAD<span> <a class="sec
         <p>Buy/Access via Packt Subscription: <a href="https://subscription.packtpub.com/product/business_and_other/9781801813174">Book page at Packt</a></p>
         <p>Order from <a href="https://www.amazon.com/dp/1801813175">Amazon</a></p>
       </p>
-      <p id="make-geometry" style="clear: both"><br></p>
+      <p id="make-geometry" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/Make-Geometry-Cover.png" align="right">
         <h2 class="link-hover">Make: Geometry<span> <a class="section-link" href="#make-geometry">§</a></span></h2>
@@ -408,7 +408,7 @@ <h2 class="link-hover">Make: Geometry<span> <a class="section-link" href="#make-
         <p>Buy from Make: <a href="https://www.makershed.com/products/make-geometry">Print</a> / <a href="https://www.makershed.com/products/make-geometry-pdf">PDF</a></p>
         <p>Order from <a href="https://www.amazon.com/gp/product/1680456717">Amazon</a></p>
       </p>
-      <p id="mastering-openscad" style="clear: both"><br></p>
+      <p id="mastering-openscad" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/MasteringOpenSCAD.png" align="right">
         <h2 class="link-hover">Mastering OpenSCAD within 10 projects<span> <a class="section-link" href="#mastering-openscad">§</a></span></h2>
@@ -443,7 +443,7 @@ <h2 class="link-hover">Mastering OpenSCAD within 10 projects<span> <a class="sec
         <p>Read online: <a href="https://mastering-openscad.eu/buch/introduction/">https://mastering-openscad.eu/</a></p>
         <p>Support the author: <a href="https://mastering-openscad.eu/dank/dank/">Bank transfer / Paypal</a></p>
       </p>
-      <p id="understanding-openscad" style="clear: both"><br></p>
+      <p id="understanding-openscad" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/UnderstandingOpenSCAD.jpg" align="right">
         <h2 class="link-hover">Understanding OpenSCAD<span> <a class="section-link" href="#understanding-openscad">§</a></span></h2>
@@ -473,7 +473,7 @@ <h2 class="link-hover">Understanding OpenSCAD<span> <a class="section-link" href
         </div>
         <p>Order from <a href="https://www.bod.de/buchshop/understanding-openscad-alicia-noors-9783752685602">Books on Demand</a></p>
       </p>
-      <p id="technical-modelling" style="clear: both"><br></p>
+      <p id="technical-modelling" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/TechnicalModellingWithOpenSCAD.jpg" align="right">
         <h2 class="link-hover">Technical Modelling with OpenSCAD<span> <a class="section-link" href="#technical-modelling">§</a></span></h2>
@@ -498,7 +498,7 @@ <h2 class="link-hover">Technical Modelling with OpenSCAD<span> <a class="section
         </p>
         <p>Order from <a href="https://www.amazon.com/Technical-Modeling-OpenSCAD-Tam-Hanna/dp/1907920994/">Amazon</a></p>
       </p>
-      <p id="creating-3d-models" style="clear: both"><br></p>
+      <p id="creating-3d-models" class="clear"><br></p>
       <p>
         <div class="book-desc">
         <img class="libimg" width="200" src="images/Creating3DModelsFor3DPrintingUsingOpenSCAD.jpg" align="right">
@@ -530,7 +530,7 @@ <h2 class="link-hover">Creating 3D Models for 3D Printing Using OpenSCAD<span> <
         </div>
         <p>Order from <a href="https://www.amazon.com/Creating-Models-Printing-Using-OpenSCAD/dp/B08M7JBHF6">Amazon</a></p>
       </p>
-      <p id="openscad-basics" style="clear: both"><br></p>
+      <p id="openscad-basics" class="clear"><br></p>
       <p>
         <div class="book-desc">
         <img class="libimg" width="200" src="images/OpenSCADBasicsTutorial.jpg" align="right">
@@ -560,7 +560,7 @@ <h2 class="link-hover">OpenSCAD Basics Tutorial<span> <a class="section-link" hr
         </div>
         <p>Order from <a href="https://www.amazon.com/OpenSCAD-Basics-Tutorial-Books/dp/B08FRMM7PY/">Amazon</a></p>
       </p>
-      <p id="openscad-cookbook" style="clear: both"><br></p>
+      <p id="openscad-cookbook" class="clear"><br></p>
       <p>
         <h2 class="link-hover">OpenSCAD Cookbook<span> <a class="section-link" href="#openscad-cookbook">§</a></span></h2>
         <div class="book-data">
@@ -578,7 +578,7 @@ <h2 class="link-hover">OpenSCAD Cookbook<span> <a class="section-link" href="#op
         </div>
         <p>Order from <a href="https://www.amazon.com/OpenSCAD-Cookbook-Recipes-learning-modeling/dp/1790273919/">Amazon</a></p>
       </p>
-      <p id="3dp-science-projects-2" style="clear: both"><br></p>
+      <p id="3dp-science-projects-2" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/3dp-science-projects-2.png" align="right">
         <h2 class="link-hover">3D Printed Science Projects Volume 2 - <i>Physics, Math, Engineering and Geology Models</i><span> <a class="section-link" href="#3dp-science-projects-2">§</a></span></h2>
@@ -610,7 +610,7 @@ <h2 class="link-hover">3D Printed Science Projects Volume 2 - <i>Physics, Math,
         <p>Publisher's page: <a href="https://link.springer.com/book/10.1007/978-1-4842-2695-7">Springer Link</a></p>
         <p>Order from <a href="https://www.amazon.com/3D-Printed-Science-Projects-Engineering/dp/1484226941/">Amazon</a></p>
       </p>
-      <p id="3dp-science-projects-1" style="clear: both"><br></p>
+      <p id="3dp-science-projects-1" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/3dp-science-projects-1.png" align="right">
         <h2 class="link-hover">3D Printed Science Projects - <i>Ideas for your Classroom, Science Fair or Home</i><span> <a class="section-link" href="#3dp-science-projects-1">§</a></span></h2>
@@ -641,7 +641,7 @@ <h2 class="link-hover">3D Printed Science Projects - <i>Ideas for your Classroom
         <p>Publisher's page: <a href="https://link.springer.com/book/10.1007/978-1-4842-1323-0">Springer Link</a></p>
         <p>Order from <a href="https://www.amazon.com/Printed-Science-Projects-classroom-Technology/dp/1484213246/">Amazon</a></p>
       </p>
-      <p id="openscad-for-3d-printing" style="clear: both"><br></p>
+      <p id="openscad-for-3d-printing" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/OpenSCADFor3dPrinting.jpg" align="right">
         <h2 class="link-hover">OpenSCAD for 3D Printing<span> <a class="section-link" href="#openscad-for-3d-printing">§</a></span></h2>
@@ -661,7 +661,7 @@ <h2 class="link-hover">OpenSCAD for 3D Printing<span> <a class="section-link" hr
         </div>
         <p>Order from <a href="https://www.amazon.com/OpenSCAD-3D-Printing-Al-Williams/dp/1500582476/">Amazon</a></p>
       </p>
-      <p style="clear: both"><br></p>
+      <p class="clear"><br></p>
     </section>
 
   <!--
@@ -669,7 +669,7 @@ <h2 class="link-hover">OpenSCAD for 3D Printing<span> <a class="section-link" hr
     -->
   <section id="books-french">
       <h1><span role="img" aria-label="Flag of France">🇫🇷</span> French / Français</h1>
-      <p id="ca-cest-openscad" style="clear: both"><br></p>
+      <p id="ca-cest-openscad" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/Ca-Cest-OpenSCAD.jpg" align="right">
         <h2 class="link-hover">Ça, c’est OpenSCAD<span> <a class="section-link" href="#ca-cest-openscad">§</a></span></h2>
@@ -710,7 +710,7 @@ <h3>Le livre</h3>
         </ul>
         </div>
       </p>
-      <p id="geometrie-dans-le-space-et-impression-3d" style="clear: both"><br></p>
+      <p id="geometrie-dans-le-space-et-impression-3d" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/GeometrieDansLeSpaceEtImpression3D.png" align="right">
         <h2 class="link-hover">Géométrie dans l'espace et impression 3D<span> <a class="section-link" href="#geometrie-dans-le-space-et-impression-3d">§</a></span></h2>
@@ -758,7 +758,7 @@ <h2 class="link-hover">Géométrie dans l'espace et impression 3D<span> <a class
         <p>Commander sur <a href="https://www.editions-ellipses.fr/accueil/14712-27294-geometrie-dans-l-espace-et-impression-3d-apprendre-a-utiliser-geogebra-3d-et-openscad-pour-imaginer-et-realiser-ses-propres-objets-9782340077126.html">le site de l'éditeur</a></p>
         <p>Commander sur <a href="https://www.amazon.fr/G%C3%A9om%C3%A9trie-dans-lespace-impression-Apprendre/dp/2340077125/">Amazon</a></p>
       </p>
-      <p style="clear: both"><br></p>
+      <p class="clear"><br></p>
     </section>
 
   <!--
@@ -766,7 +766,7 @@ <h2 class="link-hover">Géométrie dans l'espace et impression 3D<span> <a class
     -->
     <section id="books-german">
       <h1><span role="img" aria-label="Flag of Germany">🇩🇪</span> German / Deutsch</h1>
-      <p id="openscad-meistern" style="clear: both"><br></p>
+      <p id="openscad-meistern" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/OpenSCADmeistern.png" align="right">
         <h2 class="link-hover">OpenSCAD meistern in 10 Projekten<span> <a class="section-link" href="#openscad-meistern">§</a></span></h2>
@@ -806,7 +806,7 @@ <h2 class="link-hover">OpenSCAD meistern in 10 Projekten<span> <a class="section
         <p>Bestellen bei <a href="https://www.bod.de/buchshop/openscad-meistern-jochen-kerdels-9783753441955">Books on Demand</a></p>
         <p>Bestellen bei <a href="https://www.amazon.de/OpenSCAD-meistern-Projekten-Jochen-Kerdels/dp/3753441953/">Amazon</a></p>
       </p>
-      <p id="technisches-konstruieren" style="clear: both"><br></p>
+      <p id="technisches-konstruieren" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/TechnicalModellingWithOpenSCAD.de.jpg" align="right">
         <h2 class="link-hover">Technisches Konstruieren mit OpenSCAD<span> <a class="section-link" href="#technisches-konstruieren">§</a></span></h2>
@@ -831,7 +831,7 @@ <h2 class="link-hover">Technisches Konstruieren mit OpenSCAD<span> <a class="sec
         </p>
         <p>Bestellen bei <a href="https://www.amazon.de/Technisches-Konstruieren-OpenSCAD-Prozesskommunikation-Dokumentation/dp/3895763969/">Amazon</a></p>
       </p>
-      <p id="openscad-verstehen" style="clear: both"><br></p>
+      <p id="openscad-verstehen" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/OpenSCADVerstehenUndRichtigAnwenden.jpg" align="right">
         <h2 class="link-hover">OpenSCAD verstehen und richtig anwenden<span> <a class="section-link" href="#openscad-verstehen">§</a></span></h2>
@@ -863,7 +863,7 @@ <h2 class="link-hover">OpenSCAD verstehen und richtig anwenden<span> <a class="s
       </p>
       <p>Bestellen bei <a href="https://www.bod.de/buchshop/openscad-verstehen-und-richtig-anwenden-alicia-noors-9783748172611">Books on Demand</a></p>
       <p>Bestellen bei <a href="https://www.amazon.de/-/en/Alicia-Noors/dp/3748172613/">Amazon</a></p>
-      <p style="clear: both"><br></p>
+      <p class="clear"><br></p>
     </section>
 
   <!--
@@ -871,7 +871,7 @@ <h2 class="link-hover">OpenSCAD verstehen und richtig anwenden<span> <a class="s
     -->
   <section id="books-spanish">
       <h1><span role="img" aria-label="Flag of Spain">🇪🇸</span> Spanish / Español</h1>
-      <p id="esto-es-openscad" style="clear: both"><br></p>
+      <p id="esto-es-openscad" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/Esto-Es-OpenSCAD.png" align="right">
         <h2 class="link-hover">Esto es OpenSCAD<span> <a class="section-link" href="#esto-es-openscad">§</a></span></h2>
@@ -912,7 +912,7 @@ <h3>El libro</h3>
         </ul>
         </div>
       </p>
-      <p id="un-reloj-de-sol-digital" style="clear: both"><br></p>
+      <p id="un-reloj-de-sol-digital" class="clear"><br></p>
       <p>
         <img class="libimg" width="200" src="images/UnRelojdeSolDigital.png" align="right">
         <h2 class="link-hover">Un reloj de Sol digital<span> <a class="section-link" href="#un-reloj-de-sol-digital">§</a></span></h2>
@@ -955,7 +955,7 @@ <h2 class="link-hover">Un reloj de Sol digital<span> <a class="section-link" hre
         <p>Edición para pantallas: <a href="https://lopezsolerluis.github.io/reloj-de-sol-libro/pdfs-para-descargar/reloj-de-sol-pantalla.pdf">reloj-de-sol-pantalla.pdf</a></p>
         <p>Repositorio GitHub: <a href="https://github.com/lopezsolerluis/reloj-de-sol-libro/"><span class="fab fa-github"></span> lopezsolerluis/reloj-de-sol-libro</a></p>
       </p>
-      <p style="clear: both"><br></p>
+      <p class="clear"><br></p>
     </section>
 
   </article>
diff --git a/libraries.html b/libraries.html
index a3a92fb7..41234f75 100644
--- a/libraries.html
+++ b/libraries.html
@@ -119,7 +119,7 @@ <h2 id="BOSL">BOSL</h2>
         <li><a href="https://github.com/revarbat/BOSL/wiki">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/BSD-2-Clause.html">BSD-2-Clause</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/bosl2.gif" width="200" align="right">
       <h2 id="BOSL2">BOSL2 (beta)</h2>
@@ -130,7 +130,7 @@ <h2 id="BOSL2">BOSL2 (beta)</h2>
         <li><a href="https://github.com/BelfrySCAD/BOSL2/wiki/Tutorials">Tutorials</a></li>
         <li>License: <a href="https://spdx.org/licenses/BSD-2-Clause.html">BSD-2-Clause</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/dotscad.gif" width="200" align="right">
       <h2 id="dotSCAD">dotSCAD</h2>
@@ -140,7 +140,7 @@ <h2 id="dotSCAD">dotSCAD</h2>
         <li><a href="https://openhome.cc/eGossip/OpenSCAD/">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/LGPL-3.0-only.html">LGPL-3.0-only</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="https://raw.githubusercontent.com/nophead/NopSCADlib/master/libtest.png" width="200" align="right">
       <h2 id="NopSCADlib">NopSCADlib</h2>
@@ -150,7 +150,7 @@ <h2 id="NopSCADlib">NopSCADlib</h2>
         <li><a href="https://github.com/nophead/NopSCADlib/blob/master/readme.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/GPL-3.0-or-later.html">GPL-3.0-or-later</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/ub.gif" width="200" align="right">
       <h2 id="UB.scad">UB.scad</h2>
@@ -161,7 +161,7 @@ <h2 id="UB.scad">UB.scad</h2>
         <li><a href="https://github.com/UBaer21/UB.scad/blob/main/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/CC0-1.0.html">CC0-1.0</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/functional_openscad.gif" width="200" align="right">
       <h2 id="FunctionalOpenSCAD">Functional OpenSCAD</h2>
@@ -171,7 +171,7 @@ <h2 id="FunctionalOpenSCAD">Functional OpenSCAD</h2>
         <li><a href="https://github.com/thehans/FunctionalOpenSCAD/blob/master/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="https://raw.githubusercontent.com/solidboredom/constructive/main/img/mount.gif" width="200" align="right">
       <h2 id="constructive">Constructive Library</h2>
@@ -190,7 +190,7 @@ <h2 id="constructive">Constructive Library</h2>
         </li>
         <li>License: <a href="https://spdx.org/licenses/GPL-2.0-only.html">GPL-2.0-only</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/stone-age-lib.gif" width="200" align="right">
       <h2 id="StoneAgeLib">StoneAgeLib</h2>
@@ -202,7 +202,7 @@ <h2 id="StoneAgeLib">StoneAgeLib</h2>
         <li><a href="https://github.com/Stone-Age-Sculptor/StoneAgeLib/tree/main/examples">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/CC0-1.0.html">CC0-1.0</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/bolts.gif" width="200" align="right">
       <h2 id="BOLTS">BOLTS</h2>
@@ -212,7 +212,7 @@ <h2 id="BOLTS">BOLTS</h2>
         <li><a href="https://boltsparts.github.io/en/index.html">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/LGPL-2.1-or-later.html">LGPL-2.1-or-later</a> | <a href="https://spdx.org/licenses/GPL-3.0-only.html">GPL-3.0-only</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/angelo-nicoli-assets.gif" width="200" align="right">
       <h2 id="Assets">Asset Collection</h2>
@@ -225,7 +225,7 @@ <h2 id="Assets">Asset Collection</h2>
         <li><a href="https://github.com/AngeloNicoli/OpenSCAD-Snippet/blob/main/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/board_game_toolkit.png" width="200" align="right">
       <h2 id="Assets">Board gametoolkit</h2>
@@ -240,7 +240,7 @@ <h2 id="Assets">Board gametoolkit</h2>
         <li><a href="https://github.com/pinkfish/openscad_boardgame_toolkit/wiki">Documentation</a></li>
         <li>License: <a href="https://github.com/pinkfish/openscad_boardgame_toolkit?tab=Apache-2.0-1-ov-file">Apache 2.0</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
     </section>
 
     <section id="singletopic">
@@ -255,7 +255,7 @@ <h2 id="RoundAnything">Round Anything</h2>
         <li><a href="https://learn.cadhub.xyz/docs/round-anything/api-reference/">Documentation</a><small> - <i>API reference and examples</i></small></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/marks-enclosure-helper.gif" width="200" align="right">
       <h2 id="MarksEnclosureHelper">Mark's Enclosure Helper</h2>
@@ -267,7 +267,7 @@ <h2 id="MarksEnclosureHelper">Mark's Enclosure Helper</h2>
         <li><a href="https://github.com/sbambach/MarksEnclosureHelper/blob/master/REFERENCE.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/GPL-3.0-only.html">GPL-3.0-only</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <h2 id="funcutils">funcutils</h2>
       <p>This library is a collection of OpenSCAD functions for use with the function-literals feature. It
@@ -278,7 +278,7 @@ <h2 id="funcutils">funcutils</h2>
         <li><a href="https://github.com/thehans/funcutils/blob/master/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/CC0-1.0.html">CC0-1.0</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/rcolyer_threads.gif" width="200" align="right">
       <h2 id="threads.scad">OpenSCAD threads.scad Module</h2>
@@ -294,7 +294,7 @@ <h2 id="threads.scad">OpenSCAD threads.scad Module</h2>
         <li><a href="https://github.com/rcolyer/threads-scad/blob/master/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/CC0-1.0.html">CC0-1.0</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/rcolyer_smooth_prim.gif" width="200" align="right">
       <h2 id="SmoothPrimitives">OpenSCAD Smooth Primitives Library</h2>
@@ -306,7 +306,7 @@ <h2 id="SmoothPrimitives">OpenSCAD Smooth Primitives Library</h2>
         <li><a href="https://github.com/rcolyer/smooth-prim/blob/master/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/CC0-1.0.html">CC0-1.0</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/rcolyer_plot_function.gif" width="200" align="right">
       <h2 id="FunctionPlotting">OpenSCAD Function Plotting Library</h2>
@@ -322,7 +322,7 @@ <h2 id="FunctionPlotting">OpenSCAD Function Plotting Library</h2>
         <li><a href="https://github.com/rcolyer/plot-function/blob/master/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/CC0-1.0.html">CC0-1.0</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/rcolyer_closepoints.gif" width="200" align="right">
       <h2 id="ClosePoints">OpenSCAD ClosePoints Library</h2>
@@ -335,7 +335,7 @@ <h2 id="ClosePoints">OpenSCAD ClosePoints Library</h2>
         <li><a href="https://github.com/rcolyer/closepoints/blob/master/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/CC0-1.0.html">CC0-1.0</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/sofian_tray.gif" width="200" align="right">
       <h2 id="Tray">Tray Library</h2>
@@ -347,7 +347,7 @@ <h2 id="Tray">Tray Library</h2>
         <li><a href="https://github.com/sofian/openscad-tray/blob/main/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/LGPL-3.0-or-later.html">LGPL-3.0-or-later</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/yapp.gif" width="200" align="right">
       <h2 id="YAPP">Yet Another Parametric Projectbox generator</h2>
@@ -359,7 +359,7 @@ <h2 id="YAPP">Yet Another Parametric Projectbox generator</h2>
         <li><a href="https://github.com/mrWheel/YAPP_Box/blob/main/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/stemfie.gif" width="200" align="right">
       <h2 id="STEMFIE">STEMFIE Parts Library</h2>
@@ -375,7 +375,7 @@ <h2 id="STEMFIE">STEMFIE Parts Library</h2>
         <li><a href="https://github.com/Cantareus/Stemfie_OpenSCAD/blob/main/docs/stemfie.scad.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/GPL-3.0-or-later.html">GPL-3.0-or-later</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/catchnhole.gif" width="200" align="right">
       <h2 id="catchnhole">Catch'n'Hole</h2>
@@ -385,7 +385,7 @@ <h2 id="catchnhole">Catch'n'Hole</h2>
         <li><a href="https://github.com/mmalecki/catchnhole/blob/latest/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/pathbuilder.gif" width="200" align="right">
       <h2 id="pathbuilder">Pathbuilder</h2>
@@ -396,7 +396,7 @@ <h2 id="pathbuilder">Pathbuilder</h2>
         <li><a href="https://github.com/dinther/pathbuilder/wiki">Wiki</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libim" src="images/scon.gif" width="200" align="right">
       <h2 id="scon">SCON - JSON for OpenSCAD</h2>
@@ -406,7 +406,7 @@ <h2 id="scon">SCON - JSON for OpenSCAD</h2>
         <li><a href="https://github.com/wmacevoy/openscad-scon/blob/main/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <!-- <img class="libimg" src="images/a2d.gif" width="200" align="right"> -->
       <h2 id="a2d">Altair's 2D Library for OpenSCAD</h2>
@@ -416,7 +416,7 @@ <h2 id="a2d">Altair's 2D Library for OpenSCAD</h2>
         <li><a href="https://github.com/ridercz/A2D/wiki">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/doll-house.png" width="200" align="right" alt="Wooden doll house example">
       <h2 id="doll_house">Doll house</h2>
@@ -426,7 +426,7 @@ <h2 id="doll_house">Doll house</h2>
         <li><a href="https://codeberg.org/adrien-delhorme/openscad-doll-house/src/branch/main/README.md">Documentation</a></li>
         <li>License: <a href="https://www.gnu.org/licenses/gpl-3.0.en.html#license-text">GPL-3.0-only</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
       <img class="libimg" src="images/dimensions.png" width="200" align="right" alt="Dimensions example">
       <h2 id="dimensions">Dimensions</h2>
@@ -436,7 +436,7 @@ <h2 id="dimensions">Dimensions</h2>
         <li><a href="https://codeberg.org/adrien-delhorme/openscad-new-dimensions/src/branch/main/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
       
       <!-- <img class="libimg" src="images/lego.png" width="200" align="right" alt="LEGO example"> -->
       <h2 id="lego">LEGO.scad</h2>
@@ -446,7 +446,7 @@ <h2 id="lego">LEGO.scad</h2>
         <li><a href="https://github.com/cfinke/LEGO.scad/blob/master/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
       
       <!-- <img class="libimg" src="images/technic.png" width="200" align="right" alt="Technic example"> -->
       <h2 id="lego">Technic.scad</h2>
@@ -456,7 +456,7 @@ <h2 id="lego">Technic.scad</h2>
         <li><a href="https://github.com/cfinke/Technic.scad/blob/master/README.md">Documentation</a></li>
         <li>License: <a href="https://spdx.org/licenses/MIT.html">MIT</a></li>
       </ul>
-      <p style="clear: both"></p>
+      <p class="clear"></p>
 
     </section>