Online Html Editor

<!DOCTYPE html> <html lang="en"> <head> <title> CSS Descendant Selector </title> <style> h2 { padding: 5px; background-color: #04af2f; color: white; text-align: center; } div { border: 2px solid; } div p { color: blue; } </style> </head> <body> <h2>CSS Descendant Selector</h2> <div> <p> This paragraph is inside a div and will be blue. </p> <section> <p> This paragraph is inside a section which is inside a div and will also be blue. </p> </section> </div> <p> This paragraph is outside the div and will not be blue. </p> </body> </html>