Niq's OA Resources

Dynamic column sorting

Disperse Items evenly into dynamic columns with center alignment

This works for list items and paragraphs so far. Only CSS.

  • furnace repair
  • furnace service and cleaning
  • high efficiency furnace
  • heat pumps
  • indoor air quality
  • filter replacement
  • whole house humidifier
  • duct repair/ reroute/ modification
  • wifi / smartphone thermostats
  • residential zoning systems
  • ductless mini systems
  • thermostat service
<article> <ul> <li>furnace repair</li> <li>furnace service and cleaning</li> <li>high efficiency furnace</li> <li>heat pumps</li> <li>indoor air quality</li> <li>filter replacement</li> <li>whole house humidifier</li> <li>duct repair/ reroute/ modification</li> <li>wifi / smartphone thermostats</li> <li>residential zoning systems</li> <li>ductless mini systems</li> <li>thermostat service</li> </ul> </article> <style> article { -webkit-columns: 3 300px; -moz-columns: 3 300px; columns: 3 300px; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } article ul{ text-align: left; display: table; margin: auto; padding-left: 25px; } @-moz-document url-prefix() { article ul { display: block !important; } } </style>