<p class="govuk-body">
  <%= link_to "Content design guide", 
    "https://gov-uk.atlassian.net/wiki/spaces/MS/pages/268140618/Content+design+principles+for+step+by+step+navigation+Q4", 
    target: "_blank" %> for step by step navigation.
</p>

<%# intentionally not indented properly because the PRE formats all whitespace %>
<pre class="small markdown-example">Paragraphs are separated by empty lines.
Use non-bulleted lists for tasks. Add any costs after the link:

[task name](/link) £10 to £20
[task name](/link)

Only use bullets to show when a task has a number of options to choose from:

- [download form option 1](/link)
- [download form option 2](/link)
- bullet with no link
</pre>

<p class="govuk-body">
  <%= link_to "Content design guide",
    "https://gov-uk.atlassian.net/wiki/spaces/MS/pages/268140618/Content+design+principles+for+step+by+step+navigation+Q4",
    class: "govuk-link",
    target: "_blank" %> for step by step navigation.
</p>

<%# intentionally not indented properly because the PRE formats all whitespace %>
<pre class="small markdown-example">Paragraphs are separated by empty lines.
Use non-bulleted lists for tasks. Add any costs after the link:

[task name](/link) £10 to £20
[task name](/link)

Only use bullets to show when a task has a number of options to choose from:

- [download form option 1](/link)
- [download form option 2](/link)
- bullet with no link
</pre>

Update markdown guidance link to use govuk styles
Update markdown guidance link to use govuk styles
