Run »
<!DOCTYPE html> <html> <head> <style> .city { background-color: cyan; color: white; padding: 10px; } </style> </head> <body> <h2>Same Class, Different Tag</h2> <p>Even if the two elements do not have the same tag name, they can have the same class name, and get the same styling:</p> <h2 class="city">Delhi</h2> <p class="city">Delhi is the capital of India.</p> </body> <body> <h2>Multiple Classes</h2> <p>All three headers have the class name "city". In addition, India also have the class name "main", which center-aligns the text.</p> <h2 class="city main">India</h2> <h2 class="city">China</h2> <h2 class="city">Sri Lanka</h2> </body> </html>
×
Report a Problem:
Description:
Submit