How to eliminate negative space in div element?

Question

Cannot figure out how to eliminate this space right above my text in my box, the text stays static when I change height.

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <title> :/</title>
        <style>
          h1 {
              color: white;
              font-size: 1000%;
          }
        div {
            width: 200em;
            height: 110em;
            background-color: red;
        }
        </style>
      </head>
      <body>
          <div><h1>not workin :(</h2></div>
      </body>
    </html>

you mean the space above the red box? – Andy Aug 21 '21 at 18:04 — Andy, Aug 21 '21 at 18:04

score 5 · Accepted Answer · answered Aug 21 '21 at 17:57

<!DOCTYPE html>
<html lang="en">
  <head>
    <title> :/</title>
    <style>
      h1 {
          color: white;
          font-size: 1rem;
         }

    div {
        display:flex ;
        align-items:center ;
        width: 50vw;
        height: 80vh;
        background-color: red;
    }
    </style>
  </head>
  <body>
      <div><h1>not workin :(</h1></div>
  </body>
</html>

try this out

How to eliminate negative space in div element?

1 Answers1