Input
Output
<!DOCTYPE html> <html lang="en"> <head> <style> header { position: sticky; top: 0; background-color: yellow; padding: 10px; z-index: 10; } </style> </head> <body> <div class="container"> <header>Home</header> <p>The position CSS property sets how an element is positioned in a document.</p><br> <p> The position property specifies the type of positioning method used for an element.</p> <br> <ul> <li>The default value. Elements render in order, as they appear in the document.</li> <li>Elements with position: static; are positioned according to the normal flow of the page.</li> <li>No top, left, right, bottom properties have any effect on elements with position: static.</li> </ul> </div> </body> </html>