My html code:
<body> <h2>Please finalize your details</h2> <form id="details" action=database_registration.php method="post" class="form"> Full name: <strong name="name_1" value=""></strong><br><br> ID No:<strong name="org_number_1" value=""></strong><br><br> Mobile No:<strong name="ph_number_1" value=""></strong><br><br> E-mail: <strong name="email_1"></strong><br><br> ID Card: <img src="" alt="preview" name="image" style="width: 100px; height: 100px;" value=""><br><br> <button id="go" style="background-color: whitesmoke">It's correct</button> </form> <button id="back" style="background-color: whitesmoke" onclick="goback()">Something's wrong</button> <p id="response"></p> </body> My css:
body{ font-family: cursive; font-size: 25px; font-weight: bold; background-color: rgba(95, 112, 160, 0.479); } h2{ display: block; border: 2px solid black; text-align: center; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } #details{ display: block; background-color:rgba(28, 117, 190, 0.726); } #back{ font-size:20px; margin-left: 100px; border-radius: 8px; } #go{ font-size:20px; margin-left: 800px; border-radius: 8px; } As you can see, the button Its correct is inside the blue display block. I want to re-position it a little below. Please help me fix this.
I want both the buttons to be outside the blue display and at the same height.
https://stackoverflow.com/questions/65768318/how-to-change-position-of-the-submit-button-inside-a-form January 18, 2021 at 11:07AM
没有评论:
发表评论