Why should you care?

MarkupVerse CI runs the validator so one bad merge does not break all layouts.

See it live — copy this example

Save as demo.html and open in your browser, or use Run Example below.

<ul>
  <li>Valid: <strong>MarkupVerse</strong> list item</li>
  <li>Second item</li>
</ul>
<!-- invalid would be: <ul><div><li>broken</li></div></ul> -->

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• Block elements like div cannot sit between ul and li.
• Run validator.w3.org or html-validate in CI.

Practice next

1. Validate a sample page.
2. Fix nesting errors.
3. Add validate script to package.json.
4. Validate after template partials merge.
5. Add aria fixes validator suggests.

Remember

Correct nesting. CI validation. Fix don’t ignore warnings.

MarkupVerse CI validate

PR adds div-wrapped list items.

Outcome: Pipeline fails before merge to main.