Text is at bottom of the div after it

I am learning html and css. I ran into a problem where the keeps going to the bottom of the I put after it.

here is my html:

<body>
    <h1 class="title">About Me</h1>
    <div class="neon left"></div>
</body>

and here is my css:

.title {
    margin-top: 0;
    text-align: left;
    display: inline-block;
    max-width: 35%;
    font-size: 50px;
}

.neon {
    display: inline-block;
    background-color: #39FF14;
    min-width: 3px;
    max-width: 3px;
    min-height: 500px;
    box-shadow: 0 0 25px 2px #39FF14;
}

.left {
    margin-left: 35%;
}

here is what the html document looks like:

How can I make the words "About Me" appear on the top left of the screen instead of the bottom?

You need to sign in to view this answers

Related Post