Next, let's cover lists. These are pretty standard, but you can write whatever custom CSS you want to customize lists for your projects. However, there are a few things you should know that can help with these customizations. So, let's start with the basic list. Enter the following code below your paragraph of content; this should be around line 76 and make sure it is above your pagination:
<ul> <li>List 1</li> <li>List 2</li> <li>List 3</li> </ul>
You will see your basic list with disk bullets. You can include any of these classes in <ul>
: circle
, square
, disk
, or no-bullet
. Give it a try! For our one-page demo site, we will use the square bullet, as shown in the following code:
<ul class="square"> <li>List 1</li> <li>List 2</li> <li>List 3</li> </ul>