rezaul.karim/SweetForm9v3.6.9

body { width: 100%; margin: auto; background-color: lightgray; font-size: 1em; } .menu ul { margin: 0; padding: 0; } .main ul li { float: left; border-right: 1px solid #ddd; list-style: none; } .main ul li a { display: block; color: #000; padding: 10px 20px; text-decoration: none; } .main ul li a:hover { background: #e6b29a; } h1 { text-align: center; text-decoration: underline; } .box1 header nav { padding: 20px; } .BOX2 main { background-color: rgb(121, 119, 122); padding: 20px; } .BOX2 { float: left; width: 50%; box-sizing: border-box; padding: 20px; } .BOX2 .frm { width: 50%; float: left; box-sizing: border-box; } .BOX2 .prof { width: 50%; float: left; box-sizing: border-box; } .BOX2 .loca { width: 50%; float: left; box-sizing: border-box; } .BOX2 .dg { width: 50%; float: left; box-sizing: border-box; } .BOX2 .rang { width: 50%; float: left; box-sizing: border-box; } .BOX2 .button { width: 50%; float: left; box-sizing: border-box; } .BOX2 #reset { background-color: blueviolet; width: 100px; padding: 6px; border-radius: 3px; margin-bottom: 25px; font-weight: bold; } .BOX2 #submit { background-color: rgb(5, 145, 35); width: 100px; padding: 6px; border-radius: 3px; margin-bottom: 25px; font-weight: bold; } .BOX2 h1 { text-decoration: none; } .footer { text-align: center; padding: 10px; font-style: italic; background-color: #ddd; color: black; } #reset:hover { background-color: black; color: azure; } #submit:hover { background-color: black; color: azure; } fieldset { border-radius: 5px; } <div class="footer"><footer><p>2024 my website.</p></footer></div>