<html lang="en">

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>HTML Highlighting Test</title>

<div class="container">

<header>

<h1>Welcome to HTML Highlighting</h1>

<nav>

<ul>

<li><a href="#home">Home</a></li>

<li><a href="#about">About</a></li>

<li><a href="#contact">Contact</a></li>

</ul>

</nav>

</header>

<main>

<section>

<h2>Features</h2>

<p>This extension now supports <strong>HTML tag highlighting</strong> with intelligent cursor positioning.</p>

<ul>

<li>Place cursor on <code>&lt;</code> to highlight entire tag</li>

<li>Place cursor on <code>&gt;</code> to highlight content only</li>

<li>Works with nested tags</li>

</ul>

</section>

</main>

<footer>

<p>&copy; 2024 HTML Highlighter</p>

</footer>

</div>

</html>