I've started learning HTML-CSS new for the last 2 days and build this. So please upvote if I'm doing well. or leave feedback too. suggestions are welcome.
I'm not able to align checkboxes with labels under a form & a table.
I went through these answers & some websites too. I'm still not getting it. How to align checkboxes and their labels consistently cross-browsers
I removed the CSS i wrote, as it didn't work.
td{
color:#FFFFFF;
background-color: #548EA3;
border-spacing: 5px;
border: 1px solid #FFFFFF;
}
table,td{
font-size: 15px;
font-family: Georgia;
border-radius: 6px;
padding: 3px;
}
<tr>
<td>Possible charges involved</td>
<td>
<label><input type="checkbox" name="category" id="packing">Packing Charges</label>
<label><input type="checkbox" name="category" id="Loading">Loading Charges</label>
<label><input type="checkbox" name="category" id="Transportation">Transportation Charges</label>
<label><input type="checkbox" name="category" id="Unloading">Unloading Charges</label>
<label><input type="checkbox" name="category" id="Unpacking">Unpacking Charges</label>
<label><input type="checkbox" name="category" id="Escort">Escort Charges</label>
<label><input type="checkbox" name="category" id="Octroi">Octroi Charges</label>
</td>
</tr>
Aucun commentaire:
Enregistrer un commentaire