Нужна помощь по HTML(формы)

.checkbox-container, 
.radiobutton-container { 
  display: inline-block; 
  border: 1px solid transparent; 
  padding: 2px; 
} 
 
.checkbox-container:hover, 
.radiobutton-container:hover { 
  border: 1px dotted #ccc; 
}

<div class="checkbox-container"> 
  <input type="checkbox" id="checkbox" /> 
  <label for="checkbox">Checkbox</label> 
</div> 
 
<div class="radiobutton-container"> 
  <input type="radio" id="radio" /> 
  <label for="radio">Radiobutton</label> 
</div>

.radiobox, .checkbox {width: 200px;padding 5px;border:1px dotted transparent} 
.radiobox:hover, .checkbox:hover {border-color:black}

<div class="radiobox"> 
  <input type="radio" id="radio"> 
  <label for="radio">text</label> 
</div> 
<div class="checkbox"> 
  <input type="checkbox" id="check"> 
  <label for="check">text</label> 
</div>