02-02-adjacent-sibling.html 767 B

123456789101112131415161718192021222324252627
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Adjacent sibling combinator</title>
  6. <style>
  7. /* some basic font styles */
  8. body {
  9. font-family: 'Avenir Next', SegoeUI, Arial, sans-serif;
  10. }
  11. h2 + p {
  12. font-size: 1em;
  13. font-weight: bold;
  14. color: #777;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div class="example">
  20. <h2>Peru Celebrates Guinea Pig festival</h2>
  21. <p>The guinea pig festival in Peru is a one day event to celebrate these cute local animals. The festival included a fashon show where animals are dressed up in various amusing costumes.</p>
  22. <p>Guinea pigs can be fried, roasted or served in a casserole. Around 65 million guinea pigs are eaten in Peru each year.</p>
  23. </div>
  24. </body>
  25. </html>