Looking for CSS and other formatting tips and tricks in 2026?  Scroll down this page and  follow the links. And if you bring home some fruit or vegetables and want to can, freeze, make jam, salsa or pickles, see this page for simple, reliable, illustrated canning, freezing or preserving directions. There are plenty of other related resources, click on the resources dropdown above.  If you are having a hard time finding canning lids, I've used these, and they're a great price & ship in 2 days.

If you have questions or feedback, please let me know! There are affiliate links on this page.  Read our disclosure policy to learn more. 

CSS and other formatting tips and tricks

CSS and other formatting tips and tricks

Newspaper columns

See example on the PYORD2.php

1. Put this in the HEAD section:
   /*The style below is used as the class in a div to create a 3-column like newspaper layout*/
   <style type="text/css">
   .newspaper {
       -webkit-column-count: 3; /* Chrome, Safari, Opera */
       -moz-column-count: 3; /* Firefox */
       column-count: 2;
   }
   </style>
   
2. Then wrap the content with:
   
   <div class="newspaper">
   
   </div>

Newspaper columns using bullet points

 

<div style="width:100%;">


<ul>
<li style="margin: 0px; padding: 0px; box-sizing: border-box; text-align: left; font-size: 14px; width: 130px; float: left;">
<a href="#Bernalillo">Bernalillo</a></li>
<li style="margin: 0px; padding: 0px; box-sizing: border-box; text-align: left; font-size: 14px; width: 130px; float: left;">
<a href="#Catron">
Catron</a></li>
<li style="margin: 0px; padding: 0px; box-sizing: border-box; text-align: left; font-size: 14px; width: 130px; float: left;">
<a href="#Chaves">
Chaves</a></li>
<li style="margin: 0px; padding: 0px; box-sizing: border-box; text-align: left; font-size: 14px; width: 130px; float: left;">
<a href="#Cibola">
Cibola</a></li>
<li style="margin: 0px; padding: 0px; box-sizing: border-box; text-align: left; font-size: 14px; width: 130px; float: left;">
<a href="#Colfax">
Colfax</a></li>

</UL>
</div>

Example: