fixing up an ugly ul li list

5:05 am, October 3, 2018

Code

html

<div class="lower-home">
	<div class="row">
		<div class="large-4 columns">
			<ul>
				tools
				<li><a href="/view/utilities/RWgwv/code-beautifier/">Code Beautifier</a></li>
				<li><a href="/view/utilities/GHKVQ/extract-image-links-from-youtube-videos/">Extract image links from youtube videos</a></li>
				<li><a href="/view/utilities/kWPrB/replace-in-string/">replace in string</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				text formatting
				<li><a href="/view/utilities/Ll2kP/convert-text-string-to-lower-case/">Convert text string to lower case</a></li>
				<li><a href="/view/utilities/EmrRu/excess-spaces-and-line-break-removal/">Excess spaces and Line Break Removal</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				code
				<li><a href="/view/utilities/zs5R7/using-contenteditable-tag-to-make-content-editable/">Using contenteditable tag to make Content Editable</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				<li><a href="/view/utilities/QrvnJ/ai-mind-js/">AI Mind JS</a></li>
				<li><a href="/view/utilities/fFyOq/css-margin-and-padding-framework-generator/">CSS Margin and Padding Framework Generator</a></li>
				<li><a href="/view/utilities/1VUAr/showdown-markdown-converter/">showdown markdown converter</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				power
				<li><a href="/view/utilities/LjU8N/watts-to-kwh-power-cost-converter/">watts to kwh power cost converter</a></li>
			</ul>
		</div>
	</div>
	<div class="row">
		<div class="large-4 columns">
			<ul>
				Code Formatting
				<li><a href="/view/content/FLqpy/how-to-make-your-code-look-nice/">How to make your code look nice</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				Pi
				<li><a href="/view/content/yBvEt/pi-hole-and-hassio/">pi hole and hassio</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				Utilities
				<li><a href="/view/content/pYAMG/how-to-convert-text-string-to-lower-case/">How to Convert text string to lower case</a></li>
				<li><a href="/view/content/cLjXs/how-to-extract-image-links-from-youtube-videos/">How to Extract image links from youtube videos</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				Windows 10
				<li><a href="/view/content/MkPtq/windows-is-now-trying-to-upsell-on-the-volume-mixer-icon/">Windows is now trying to upsell on the volume mixer icon</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				android
				<li><a href="/view/content/lCUNu/android-power-saving-tips-getting-the-most-from-your-battery/">Android Power Saving Tips, Getting the most from your Battery.</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				css
				<li><a href="/view/content/H8d6G/css-margin-and-padding-framework-generator--how-to-use-it/">CSS Margin and Padding Framework Generator - How to use it</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				how to
				<li><a href="/view/content/wsFHi/how-to-do-a-simple-landing-page-from-scratch/">How to do a simple landing page from scratch</a></li>
				<li><a href="/view/content/x7wjr/how-to-record-audio-from-chrome-into-a-file/">How to record audio from chrome into a file</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				php
				<li><a href="/view/content/2rO57/image-resizing-with-php-and-simpleimage-library/">Image Resizing with PHP and SimpleImage Library</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				terraria
				<li><a href="/view/content/0EKPk/top-10-terraria-houses/">Top 10 Terraria Houses</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				windows
				<li><a href="/view/content/JDgcy/windows-10-on-a-32-gig-emmc-drive-with-updates--solved/">Windows 10 on a 32 Gig eMMC Drive with Updates - Solved</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				wordpress
				<li><a href="/view/content/pLSJM/adding-a-template-to-wordpress-to-show-a-list-of-posts-on-a-custom-page-template/">Adding a template to wordpress to show a list of posts on a custom page template</a></li>
			</ul>
		</div>
	</div>
	<div class="row">
		<div class="large-4 columns">
			<ul>
				how to
				<li><a href="/view/featured/R0myI/how-to-do-a-simple-landing-page-from-scratch/">How to do a simple landing page from scratch</a></li>
				<li><a href="/view/featured/xHqnK/how-to-record-audio-from-chrome-into-a-file/">How to record audio from chrome into a file</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				windows
				<li><a href="/view/featured/RpmqH/windows-10-on-a-32-gig-emmc-drive-with-updates--solved/">Windows 10 on a 32 Gig eMMC Drive with Updates - Solved</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				wordpress
				<li><a href="/view/featured/2yimc/adding-a-template-to-wordpress-to-show-a-list-of-posts-on-a-custom-page-template/">Adding a template to wordpress to show a list of posts on a custom page template</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				android
				<li><a href="/view/featured/zVGxW/android-power-saving-tips-getting-the-most-from-your-battery/">Android Power Saving Tips, Getting the most from your Battery.</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				css
				<li><a href="/view/featured/ANRaM/css-margin-and-padding-framework-generator--how-to-use-it/">CSS Margin and Padding Framework Generator - How to use it</a></li>
				<li><a href="/view/featured/bHtjP/darken-background-image-using-css/">darken background image using css</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				Windows 10
				<li><a href="/view/featured/6xYKJ/windows-is-now-trying-to-upsell-on-the-volume-mixer-icon/">Windows is now trying to upsell on the volume mixer icon</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				Pi
				<li><a href="/view/featured/sEPHZ/pi-hole-and-hassio/">pi hole and hassio</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				Code Formatting
				<li><a href="/view/featured/gUFsj/how-to-make-your-code-look-nice/">How to make your code look nice</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				Google Sheets
				<li><a href="/view/featured/jsH8r/load-google-sheet-data-into-json-string-with-jquery/">load google sheet data into json string with jquery</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				Utilities
				<li><a href="/view/featured/Kqta4/how-to-extract-image-links-from-youtube-videos/">How to Extract image links from youtube videos</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				tools
				<li><a href="/view/featured/sIhi7/how-to-convert-text-string-to-lower-case/">How to Convert text string to lower case</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				terraria
				<li><a href="/view/featured/Ilgqs/top-10-terraria-houses/">Top 10 Terraria Houses</a></li>
			</ul>
		</div>
		<div class="large-4 columns">
			<ul>
				php
				<li><a href="/view/featured/DMh3G/image-resizing-with-php-and-simpleimage-library/">Image Resizing with PHP and SimpleImage Library</a></li>
			</ul>
		</div>
	</div>
</div>

fixing up an ugly ul li list

Code

Download & Run

Preview