Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<style> .skip-link { position: absolute; top: -100%; left: 0; padding: 8px 16px; background: #0d6efd; color: white; font-weight: bold; z-index: 9999; transition: top 0.2s; } .skip-link:focus { top: 0; } </style> <a href="#main" class="skip-link">Skip to main content</a> <nav>... lengthy navigation ...</nav> <main id="main" tabindex="-1">Main content here</main>
Result
Open