Having trouble aligning the radiobutton list to the left of the label above. Here is the code snippet:
<div style="border-radius: 10px;">
<div style="margin-bottom: 10px"></div>
<asp:Panel ID="panel" runat="server">
<div style="padding-left: 10px" >
<asp:Label ID="lbl" runat="server" Text="Select criteria" />
<asp:RadioButtonList ID="radio" runat="server" AutoPostBack="True" OnSelectedIndexChanged="radio_SelectedIndexChanged" RepeatDirection="Horizontal" />
<asp:Label ID="lbl1" runat="server" Text="Value"></asp:Label>
<br />
<asp:TextBox ID="txt" runat="server"></asp:TextBox>
<asp:Label ID="ScoreMethodLabel" runat="server" Text="Score"></asp:Label>
<asp:DropDownList ID="dropscore" runat="server" />
</div>
</asp:Panel>
<br/>
</div>
Upon running the code, the alignment appears like this:
https://i.sstatic.net/JOil9.png
The option button seems to be misaligned and not positioned directly below the text "Select criteria".