Inline Lists

To display a list horizontally, rather than vertically:

1. Go to the Primary Body Content field. Click the Source button in the Editor Toolbar (#29).
2. Copy and paste the following code into the field:

<ul class="inline">

<li>List Item 1</li>

<li>List Item 2</li>

<li>List Item 3</li>

</ul>

3. Replace the underlined portions with the text you wish to display for each list item.
4. If more than 3 list items are desired, add this line of code underneath the last list item as many times as desired:

<li>List Item</li>

And replace the underlined portion(s) with the desired text.

 


To display a horizontal list with links:

1. Go to the Primary Body Content field. Click the Source button in the Editor Toolbar (#29).
2. Copy and paste the following code into the field:

<ul class="inline">

<li><a href="URL1">List Item 1</a></li>

<li><a href="URL2">List Item 2</a></li>

<li><a href="URL3">List Item 3</a></li>

</ul>

3. Replace the underlined portions with the links and text as desired.
4. If more than 3 list items are desired, add this line of code underneath the last list item as many times as desired:

<li><a href="URL">List Item</a></li>

And replace the underlined portions with the desired URL(s) and text.