BETA This is a new service — your feedback will help us to improve it.

Back to components

Do's don'ts

Do Don't

Example

Organisations that offer debt advice

Organisations that offer debt advice

HTML Snippet for do dont

<div class="panel panel-border panel__dodont panel__dodont--do">
    <h2>Organisations that offer debt advice</h2>
    <ul class="list list-bullet">
        <li><a href="#" rel="external">Citizens Advice <span class="sr-only">External link</span></a> provides free, independent and confidential advice on debt and money problems</li>
        <li><a href="#" rel="external">Debt Advice Foundation <span class="sr-only">External link</span></a> offer free, confidential support and advice about debt</li>
    </ul>
</div>

<div class="panel panel-border panel__dodont panel__dodont--dont">
        <h2>Organisations that offer debt advice</h2>
        <ul class="list list-bullet">
            <li><a href="#" rel="external">Citizens Advice <span class="sr-only">External link</span></a> provides free, independent and confidential advice on debt and money problems</li>
            <li><a href="#" rel="external">Debt Advice Foundation <span class="sr-only">External link</span></a> offer free, confidential support and advice about debt</li>
        </ul>
    </div>
</div>
Back to top