mercredi 23 juin 2021

facing difficulties in the alignment of text in html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Forms</title>
    <style>
        .box{
        margin: 0 auto; 
        width:400px //you can set it in %.
        height: 600px;
        padding:20px;
        background:#f9f9f9;
        border:4px solid #333;
        }
    </style>
</head>
<body>
    
        <center>
            <div class="box">
                <img src="1.png" align="right">
        <h1>Form Updation</h1>

        <form name="first" method="get" action="https://www.mi.com/in/">

            First name : <input type="text" name="fname" size="15" maxlength="25"><br><br>
            Last name : <input type="text" name="Lname" size="15" maxlength="25"><br><br>
            Password : <input type="password" name="Password" size="10" maxlength="15"><br><br>
            Nationalaity : <input type="text" name="Country" size="15" maxlength="25"><br><br>
    
            Phone Number : <input type="text" name="Phone" size="15" maxlength="25"><br><br>
            
            
        </form>

    </div>
    </center>

    
    
    
    

</body>
</html>

output - [Phone number is not in proper arrangemnt with the above one i need to come with phone number in arrangement like all in centre and onething is that i want these 5 should come up with by another eans there is some space which is left out in other work all the fillup section must come with space index.]




Aucun commentaire:

Enregistrer un commentaire