thắc mắc Mấy bác ai rành html vào giúp tôi với

<div class="extra-info">
<form>
<label for="hoTen">Họ tên:</label>
<input type="text" id="hoTen" name="hoTen" placeholder="Nhập họ và tên...">
<label for="soThich">Sở thích:</label>
<select id="soThich" name="soThich">
<option>Lập trình</option>
<option>Thiết kế</option>
<option>Chơi game</option>
</select>
<label>Giới tính:</label>
<input type="radio" id="gioiTinhNam" name="gioiTinh" value="Nam">
<label for="gioiTinhNam" class="inline">Nam</label>
<input type="radio" id="gioiTinhNu" name="gioiTinh" value="Nữ">
<label for="gioiTinhNu" class="inline">Nữ</label>
<br><br>
<button class="submit-button" type="submit">GỬI THÔNG TIN</button>
</form>
</div>

Nhấp để mở rộng...

.extra-info form {
max-width: 100%;
margin: 20px;
padding: 10px;
/* display: flex; */
/* align-items: center; */
flex-wrap: wrap;
gap: 15px;
font-size: 14px;
}

.extra-info label {
font-weight: bold;
margin-right: 6px;
}
.extra-info input[type="text"],
.extra-info select {
padding: 5px 10px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 4px;
}

.extra-info input[type="radio"] {
margin: 0 4px 0 10px;
}
.extra-info label.inline {
font-weight: normal;
margin-right: 10px;
}

.extra-info .submit-button {
padding: 6px 14px;
font-size: 14px;
font-weight: bold;
color: white;
background-color: #007bff;
border: none;
border-radius: 4px;
}
.extra-info .submit-button:hover {
background-color: blue;
}

Nhấp để mở rộng...