HTML/CSS - 5 BEST FOOTBALLERS OF ALL TIME Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Top 5 best Football players in the World</title>
    </head>
    <body>
    <img src="https://c4.wallpaperflare.com/wallpaper/506/947/821/soccer-cristiano-ronaldo-lionel-messi-neymar-wallpaper-preview.jpg">
      <h1>Top 10 best <b>Footballers</b> in the World</h1><br>
    <strong>WARNING:<br>THIS IS ONLY MY OWN OPINION</strong><br><br>
    <h3>
        Number 1:<br><section>Cristiano Ronaldo</section><img src="https://c4.wallpaperflare.com/wallpaper/348/390/445/cristiano-ronaldo-kiev-ukraine-uefa-wallpaper-preview.jpg">
        <b><section>Ronaldo</section> is widely regarded as one of the greatest football players of all time. Born in Portugal, Ronaldo has played for clubs like Manchester United, Real Madrid, Juventus, and now Manchester United again. He has won five Ballon d'Or awards, the most prestigious individual award in football, and numerous league titles and Champions League titles. His goal-scoring ability, athleticism, and skill on the ball are unparalleled.</b><br><br>
        Number 2:<br><section>Lionel Messi</section>
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Messi_in_Germany_and_Argentina_face_off_in_the_final_of_the_World_Cup_2014_-2014-07-13_%2824%29.jpg/340px-Messi_in_Germany_and_Argentina_face_off_in_the_final_of_the_World_Cup_2014_-2014-07-13_%2824%29.jpg">
        <b>Argentinian player <section>Messi</section>often considered Ronaldo's greatest rival, is another contender for the title of the greatest football player of all time. Messi spent his entire professional career with FC Barcelona, where he won numerous titles, including four Champions League titles and ten La Liga titles and a Wc title. He also won the Ballon d'Or award six times. Messi is celebrated for his incredible dribbling ability, precise passing, and consistent goal-scoring record.</b><br><br>
        Number 3:<br><section>Pele</section>
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Pele_by_John_Mathew_Smith.jpg/440px-Pele_by_John_Mathew_Smith.jpg"><b><section>Pele</section> is a retired Brazilian footballer who is often considered one of the greatest players in the history of football. He won three FIFA World Cup titles with Brazil, the most for any player. Pelé was an incredibly versatile player, comfortable in several forward positions and capable of scoring with both feet, despite being predominantly right-footed.</b><br><br>
        Number 4:<br><section>Neymar Jr</section>
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/22/Neymar_Barcelona_presentation_1.jpg/400px-Neymar_Barcelona_presentation_1.jpg">
        <b>Another Brazilian,<section>Neymar Jr</section>has been one of the most exciting players to watch in modern football. Known for his skill, flair, and goal-scoring ability, Neymar has had successful careers with Santos FC in Brazil, FC Barcelona in Spain, and Paris Saint-Germain in France. Neymar's technique, creativity, and agility on the pitch set him apart.</b><br><br>
        Number 5:<br><section>Karim Benzema</section><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Karim_Benzema_wearing_Real_Madrid_home_kit_2021-2022.jpg/407px-Karim_Benzema_wearing_Real_Madrid_home_kit_2021-2022.jpg">
        <b><section>Benzema</section> a French footballer who has been an instrumental player for Real Madrid over the past decade. Known for his strength, finishing, and link-up play, Benzema has helped Real Madrid win several titles, including four Champions League titles. Despite being a traditional striker, Benzema's ability to drop deep and play as a "false nine" makes him a unique player.</b><br><br>
    </h3>
    <h2 id="Rate us">Rate our page</h2>
        <b>Please give feedback also in comments</b><br><br>
        <form 
        <lable for"t1">Email:</lable>
        <input type="text" id="t1"

css

body {
    background-color: lightblue;
    padding: 30px;
    text-align: center;
    font-family: Arial, sans-serif;
    color:  #333;
}
h1 {
    font-size: 2.5em;
    color:  #444;
}
h3 {
    font-size: 1em;
    color:  #555;
}
img {
    max-width: 100%;
    height: auto;
    border-radius: 30px;
    box-shadow: 0px 0px 10px  #ddd;
    margin: 2%;
}
strong {
    color: red;
}

BROWSER

Console