I'm having trouble adjusting the label position for my radio buttons. Can you help me with this issue? Here is my code:
<style>
input[type=radio]:not(old){
width : 50px;
margin : 0;
padding : 0;
opacity : 0;
}
input[type=radio]:not(old) + label{
display : inline-block;
padding-left : 63px;
background : url('radio.png') no-repeat 0 0;
line-height : 25px;
}
input[type=radio]:not(old):checked + label{
background-position : 0 -24px;
}
html:
<input id="radio1" type="radio" name="radio" value="1" onclick="javascript:yesnoCheck();" checked="checked"><label for="radio1">Now </label>
<input id="radio2" type="radio" name="radio" onclick="javascript:yesnoCheck();" value="2"><label for="radio2">Later</label>
Please refer to the image link provided, as I need assistance moving the labels to the left side.