Joke Generator - Generate Funny Jokes | Online Free DevTools by Hexmos - html-css Cheatsheets

This is a simple joke generator. It uses a small set of jokes for demonstration purposes. For a production-ready application, you would integrate with a larger joke API or database.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Jokes</title>
  <style>
    div {
      height: 200px;
      width: 400px;

      position: fixed;
      top: 40%;
      left: 50%;
      margin-top: -100px;
      margin-left: -200px;
    }

    body {
      color: #ffffff;
      background-color: #0188cc;
      font-family: Arial, sans-serif;
      font-size: 14px;
    }

    h2 { /* Changed to h2 for consistency */
      font-size: 500%;
      font-weight: normal;
      margin-bottom: 0;
    }

    h3 { /* Added h3 for nested heading */
      font-size: 200%;
      font-weight: normal;
      margin-bottom: 0;
    }
  </style>
</head>
<body>
  <div align="center">
    <h2>The Joke</h2>
    <h3>The punchline.</h3>
    <p>Gimme <a href="/">another</a> one</p>
  </div>
</body>
</html>

Here are some external resources that might be helpful: