Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html> <head> <style> p { color: #374151; } .box { background: #ede9fe; padding: 16px; border-radius: 8px; } #special { color: #6366f1; font-weight: bold; font-size: 20px; } ul > li { color: #10b981; } </style> </head> <body style="font-family: Arial; padding: 20px;"> <p id="special">I am styled by ID #special</p> <p class="box">I have the .box class</p> <ul> <li>Direct child of ul (green)</li> <li>Another child</li> </ul> </body> </html>
Result
Open