1. Component Guide
  2. Govspeak content
  3. Nested lists
Govspeak content example

Nested lists

How it looks (preview)

ordered list:

    • one
    • two
  1. three

unordered list:

    • one
    • two
  • three

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {
} do %>
  <h2>ordered list:</h2>
<ol>
  <li>
    <ul>
      <li>one</li>
      <li>two</li>
    </ul>
  </li>
  <li>three</li>
</ol>
<h2>unordered list:</h2>
<ul>
  <li>
    <ul>
      <li>one</li>
      <li>two</li>
    </ul>
  </li>
  <li>three</li>
</ul>
<% end %>