Getting the asp:RadioButtonList to horizontally align items

<div class="divA">
                                    <div class="divB">
                                        <span class="labelA">Type of Item </span>
                                    </div>
                                    <div>                                                                        
                                        <asp:RadioButtonList ID="rblType" runat="server" RepeatColumns="2" RepeatLayout="Flow" RepeatDirection="Horizontal" CssClass="radioButtonList">
                                            <asp:ListItem>A sample item</asp:ListItem>
                                            <asp:ListItem>Some other item</asp:ListItem>
                                        </asp:RadioButtonList>
                                        <asp:RequiredFieldValidator ID="rfvItemType" Display="None" runat="server" ControlToValidate="rblType"
                                            ErrorMessage="<b>Required Field Missing</b><br />Please choose an item."></asp:RequiredFieldValidator>
                                        <ajaxToolkit:ValidatorCalloutExtender runat="server" ID="vcItemType" TargetControlID="rfvItemType"
                                            Width="250px" HighlightCssClass="highlight" />
 
                                    </div>
                                </div>
 
 
Here is the rendered html code:
                                <div class="divA">
                                    <div class="divB">
                                        <span class="labelA">Type of Item </span>
                                    </div>
                                    <div>                                                                        
                                        <span id="rblType" class="radioButtonList"><input id="rblType_0" type="radio" name="rblType" value="A sample item" /><label for="rblType_0">A sample item</label><input id="rblType_1" type="radio" name="rblType" value="Some other item" /><label for="rblType_1">Some other item</label></span>>
                                        <span id="rfvItemType" style="color:Red;display:none;"></span>
                                        <input type="hidden" name="vcItemType_ClientState" id="vcItemType_ClientState" />
 
                                    </div>
                                </div>
 
And here are the relevant parts of my css code:
 
.radioButtonList
{
}
 
.radioButtonList input[type="radio"]
{
	width: 20px;
    padding: 0;
    vertical-align: middle;	  
}
	
.radioButtonList label
{
	margin-right: 4px;    
    white-space: nowrap;
}
 
.divA
{
	clear: both;
	margin-bottom: 30px;
}
 
.divB
{
	float:left;
}
 
.labelA
{
	text-align: left;
	float: left;
	width: 180px;
	font-size: 10pt;
	font-weight: 600;
}