I'm having trouble with the practice questions. So you can see, I have everything from HTML to CSS, but the output is now displayed in the correct way. When I use the <br> tag, the output shows up in the browser as follows HTMl and CSS output image, but when I don't use the <br> tag, the output shows up as Is another HTMl and CSS output image in the browser
h1 {
font-family: league spartan;
color: #ffa511;
text-align: center;
font-size: 55px;
font-weight: 900;
letter-spacing: 2px;
line-height: 1.5px;
text-decoration: teal double underline;
text-transform: uppercase;
}
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>Apna <br> College</h1> </body> </html>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
If I'm not mistaken, the line height is your problem because the 1.5px is not after the font height, causing them to overlap, try removing the line height attribute or using another value that takes your font size into account. p>