I have successfully positioned all of my HTML elements as desired, with the exception of one. Despite my efforts, I cannot figure out why this particular element is not cooperating with the rest. Below is a snippet of the CSS code excluding non-relevant parts:
body {
position: relative;
}
ul {
position: absolute;
list-style: none;
margin: 0px;
padding: 0px;
}
li {
position: relative;
top: 90px;
display: block;
height: 80px;
}
#track_title {
position: absolute;
top: 1px;
left: 80px;
font-size: 15px;
font-weight: bold;
}
<ul>
<li>
<img src="image.png">
<h2 id = "track_title">Title</h2>
<h3 id = "artist_name">Name</h3>
Despite my best efforts, it appears that the Title is not correctly aligned within its parent li, as shown in the screenshot. Can you identify what mistake I might be making?