Monday, 28 July 2014

Radio buttons and label to display in same line

HTML

 <fieldset style="width:100%"><legend>Duplicates</legend>
                <asp:RadioButton runat="server" ID="rbtn_over" GroupName="Imp" Text="Overwrite" style=" display:inline;" />
               <br /><br />
                <asp:RadioButton runat="server" ID="rbtn_skip" GroupName="Imp" Text="Skip" />               
                
                <br /><br />
                <asp:CheckBox runat="server" ID="chk1" Text="Checkbox1" />
                <br /><br />
                <asp:CheckBox runat="server" ID="CheckBox1" Text="Checkbox1" />

                </fieldset>



//CSS

input[type=radio], input.radio { float:left; clear:none; margin: 2px 8px 0 2px; }
input[type=checkbox], input.checkbox { float:left; clear:none; margin: 2px 8px 0 2px; }


//Result




No comments:

Post a Comment

How to highlight selected text in notepad++

  –> To highlight a block of code in Notepad++, please do the following steps step-1  :- Select the required text. step-2  :- Right click...