+ 1

an anyone tell me why this isn't working????? {SOLVED}

can't get my html/css thing to work. here is my HTML: HTML <!DOCTYPE html> <html> <head> <title>my html program1</title> </head> <body> Your page-reading progress is:<progress min=0 max=50 value=5 /> <p class="par1"> Welcome to my first actual program!!! </p> <p><a href="https://www.msn.com/en-us/lifestyle/lifestyle-buzz/60-dad-jokes-that-are-actually-pretty-funny/ar-BB12Jt99"AwesomeDadJokes</a></p> </body> </html> and my CSS: CSS body { border-style: double; border: darkslategrey; font-variant: small-caps; background:-moz-linear-gradient(top-right, yellow, Lightblue, yellow);} a:hover{ cursor:pointer color: gray; } p.par1{ font-weight: bolder } and my output is only: Your page-reading progress is: and a status bar.

23rd Feb 2022, 3:00 AM
CompletelyAnonymous
CompletelyAnonymous - avatar
2 Answers
+ 2
CompletelyAnonymous Close <a> tag before AwesomeDadJokes and use proper end tag for </progress> https://code.sololearn.com/WLOZfQ3Byu7U/?ref=app
23rd Feb 2022, 3:47 AM
Raju Adhikary
Raju Adhikary - avatar
0
Thank you, it worked!!!
23rd Feb 2022, 10:00 PM
CompletelyAnonymous
CompletelyAnonymous - avatar