HTML <legend> tag at PNLdev

Run
<!DOCTYPE html>
<html>
    <head>
        <style>
            body {
                font-family: Arial, sans-serif;
                background-color: #f4f4f4;
            }
            fieldset {
                border: 2px solid #4682B4; 
                border-radius: 10px;
                padding: 20px;
                width: 300px;
                margin: 20px auto;
                background-color: #F0F8FF; 
            }
            legend {
                color: #4682B4; 
                font-size: 24px;
                padding: 10px;
                border: 2px solid #4682B4; 
                border-radius: 5px;
                margin-bottom: 10px;
                background-color: #F0F8FF; 
            }
            input[type="text"] {
                padding: 10px;
                border: 2px solid #4682B4;
                border-radius: 5px;
                margin-bottom: 10px;
                width: 100%;
                box-sizing: border-box;
            }
            input[type="submit"] {
                padding: 10px 20px;
                background-color: #4682B4;
                color: white;
                border: none;
                border-radius: 5px;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        <form>
            <fieldset>
                <legend>Personal Information</legend>
                <label for="name">Name:</label>
                <input type="text" id="name" name="name">
                <label for="email">Email:</label>
                <input type="text" id="email" name="email">
                <label for="email">Password:</label>
                <input type="text" id="Password" name="Password">
                <label for="email">Mobile:</label>
                <input type="text" id="Mobile" name="Mobile">
                <input type="submit" value="Submit">
            </fieldset>
        </form>
    </body>
</html>