Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <input class="toggle-box" id="header1" type="checkbox" >
<label for="header1">🔎Find members near you🗺️</label>
<div>
   <div style="float:left" class="container">
<a href="https://yourcommunity.ning.com/members/list/advancedSearch" class="button">🔎Use Advanced Search to find Members</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=US&location=&q8=&q15=" class="button">United States</a>
                                                    <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AF&location=&q8=&q15=" class="button">Afghanistan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AX&location=&q8=&q15=" class="button">Aland Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AL&location=&q8=&q15=" class="button">Albania</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=DZ&location=&q8=&q15=" class="button">Algeria</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AS&location=&q8=&q15=" class="button">American Samoa</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AD&location=&q8=&q15=" class="button">Andorra</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AO&location=&q8=&q15=" class="button">Angola</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AI&location=&q8=&q15=" class="button">Anguilla</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AQ&location=&q8=&q15=" class="button">Antarctica</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AG&location=&q8=&q15=" class="button">Antigua and Barbuda</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AR&location=&q8=&q15=" class="button">Argentina</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AM&location=&q8=&q15=" class="button">Armenia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AW&location=&q8=&q15=" class="button">Aruba</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AU&location=&q8=&q15=" class="button">Australia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AT&location=&q8=&q15=" class="button">Austria</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AZ&location=&q8=&q15=" class="button">Azerbaijan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BS&location=&q8=&q15=" class="button">Bahamas</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BH&location=&q8=&q15=" class="button">Bahrain</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BD&location=&q8=&q15=" class="button">Bangladesh</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BB&location=&q8=&q15=" class="button">Barbados</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BY&location=&q8=&q15=" class="button">Belarus</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BE&location=&q8=&q15=" class="button">Belgium</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BZ&location=&q8=&q15=" class="button">Belize</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BJ&location=&q8=&q15=" class="button">Benin</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BM&location=&q8=&q15=" class="button">Bermuda</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BT&location=&q8=&q15=" class="button">Bhutan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BO&location=&q8=&q15=" class="button">Bolivia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BA&location=&q8=&q15=" class="button">Bosnia and Herzegovina</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BW&location=&q8=&q15=" class="button">Botswana</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BV&location=&q8=&q15=" class="button">Bouvet Island</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BR&location=&q8=&q15=" class="button">Brazil</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=IO&location=&q8=&q15=" class="button">British Indian Ocean Territory</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BN&location=&q8=&q15=" class="button">Brunei Darussalam</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BG&location=&q8=&q15=" class="button">Bulgaria</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BF&location=&q8=&q15=" class="button">Burkina Faso</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BI&location=&q8=&q15=" class="button">Burundi</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KH&location=&q8=&q15=" class="button">Cambodia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CM&location=&q8=&q15=" class="button">Cameroon</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CA&location=&q8=&q15=" class="button">Canada</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CV&location=&q8=&q15=" class="button">Cape Verde</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KY&location=&q8=&q15=" class="button">Cayman Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CF&location=&q8=&q15=" class="button">Central African Republic</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TD&location=&q8=&q15=" class="button">Chad</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CL&location=&q8=&q15=" class="button">Chile</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CN&location=&q8=&q15=" class="button">China, mainland</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CX&location=&q8=&q15=" class="button">Christmas Island</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CC&location=&q8=&q15=" class="button">Cocos (Keeling) Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CO&location=&q8=&q15=" class="button">Colombia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KM&location=&q8=&q15=" class="button">Comoros</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CG&location=&q8=&q15=" class="button">Congo, Republic of the</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CD&location=&q8=&q15=" class="button">Congo, The Democratic Republic Of The</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CK&location=&q8=&q15=" class="button">Cook Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CR&location=&q8=&q15=" class="button">Costa Rica</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CI&location=&q8=&q15=" class="button">Cote d Ivoire</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=HR&location=&q8=&q15=" class="button">Croatia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CU&location=&q8=&q15=" class="button">Cuba</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CY&location=&q8=&q15=" class="button">Cyprus</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CZ&location=&q8=&q15=" class="button">Czech Republic</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=DK&location=&q8=&q15=" class="button">Denmark</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=DJ&location=&q8=&q15=" class="button">Djibouti</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=DM&location=&q8=&q15=" class="button">Dominica</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=DO&location=&q8=&q15=" class="button">Dominican Republic</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=EC&location=&q8=&q15=" class="button">Ecuador</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=EG&location=&q8=&q15=" class="button">Egypt</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SV&location=&q8=&q15=" class="button">El Salvador</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GQ&location=&q8=&q15=" class="button">Equatorial Guinea</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ER&location=&q8=&q15=" class="button">Eritrea</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=EE&location=&q8=&q15=" class="button">Estonia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ET&location=&q8=&q15=" class="button">Ethiopia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=EU&location=&q8=&q15=" class="button">European Union</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=FK&location=&q8=&q15=" class="button">Falkland Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=FO&location=&q8=&q15=" class="button">Faroe Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=FJ&location=&q8=&q15=" class="button">Fiji</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=FI&location=&q8=&q15=" class="button">Finland</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=FR&location=&q8=&q15=" class="button">France</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GF&location=&q8=&q15=" class="button">French Guiana</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PF&location=&q8=&q15=" class="button">French Polynesia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TF&location=&q8=&q15=" class="button">French Southern Territories</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GA&location=&q8=&q15=" class="button">Gabon</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GM&location=&q8=&q15=" class="button">Gambia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GE&location=&q8=&q15=" class="button">Georgia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=DE&location=&q8=&q15=" class="button">Germany</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GH&location=&q8=&q15=" class="button">Ghana</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GI&location=&q8=&q15=" class="button">Gibraltar</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GR&location=&q8=&q15=" class="button">Greece</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GL&location=&q8=&q15=" class="button">Greenland</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GD&location=&q8=&q15=" class="button">Grenada</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GP&location=&q8=&q15=" class="button">Guadeloupe</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GU&location=&q8=&q15=" class="button">Guam</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GT&location=&q8=&q15=" class="button">Guatemala</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GG&location=&q8=&q15=" class="button">Guernsey</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GN&location=&q8=&q15=" class="button">Guinea</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GW&location=&q8=&q15=" class="button">Guinea-Bissau</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GY&location=&q8=&q15=" class="button">Guyana</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=HT&location=&q8=&q15=" class="button">Haiti</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=HM&location=&q8=&q15=" class="button">Heard Island and McDonald Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=HN&location=&q8=&q15=" class="button">Honduras</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=HK&location=&q8=&q15=" class="button">Hong Kong</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=HU&location=&q8=&q15=" class="button">Hungary</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=IS&location=&q8=&q15=" class="button">Iceland</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=IN&location=&q8=&q15=" class="button">India</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ID&location=&q8=&q15=" class="button">Indonesia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=IR&location=&q8=&q15=" class="button">Iran</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=IQ&location=&q8=&q15=" class="button">Iraq</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=IE&location=&q8=&q15=" class="button">Ireland</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=IM&location=&q8=&q15=" class="button">Isle of Man</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=IL&location=&q8=&q15=" class="button">Israel</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=IT&location=&q8=&q15=" class="button">Italy</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=JM&location=&q8=&q15=" class="button">Jamaica</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=JP&location=&q8=&q15=" class="button">Japan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=JE&location=&q8=&q15=" class="button">Jersey</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=JO&location=&q8=&q15=" class="button">Jordan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KZ&location=&q8=&q15=" class="button">Kazakhstan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KE&location=&q8=&q15=" class="button">Kenya</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KI&location=&q8=&q15=" class="button">Kiribati</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KP&location=&q8=&q15=" class="button">Korea, Democratic Peoples Republic of</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KR&location=&q8=&q15=" class="button">Korea, Republic of</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KW&location=&q8=&q15=" class="button">Kuwait</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KG&location=&q8=&q15=" class="button">Kyrgyzstan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LA&location=&q8=&q15=" class="button">Lao Peoples Democratic Republic</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LV&location=&q8=&q15=" class="button">Latvia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LB&location=&q8=&q15=" class="button">Lebanon</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LS&location=&q8=&q15=" class="button">Lesotho</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LR&location=&q8=&q15=" class="button">Liberia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LY&location=&q8=&q15=" class="button">Libyan Arab Jamahiriya</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LI&location=&q8=&q15=" class="button">Liechtenstein</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LT&location=&q8=&q15=" class="button">Lithuania</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LU&location=&q8=&q15=" class="button">Luxembourg</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MO&location=&q8=&q15=" class="button">Macao</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MG&location=&q8=&q15=" class="button">Madagascar</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MW&location=&q8=&q15=" class="button">Malawi</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MY&location=&q8=&q15=" class="button">Malaysia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MV&location=&q8=&q15=" class="button">Maldives</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ML&location=&q8=&q15=" class="button">Mali</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MT&location=&q8=&q15=" class="button">Malta</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MH&location=&q8=&q15=" class="button">Marshall Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MQ&location=&q8=&q15=" class="button">Martinique</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MR&location=&q8=&q15=" class="button">Mauritania</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MU&location=&q8=&q15=" class="button">Mauritius</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=YT&location=&q8=&q15=" class="button">Mayotte</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MX&location=&q8=&q15=" class="button">Mexico</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=FM&location=&q8=&q15=" class="button">Micronesia, Federated States of</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MD&location=&q8=&q15=" class="button">Moldova, Republic of</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MC&location=&q8=&q15=" class="button">Monaco</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MN&location=&q8=&q15=" class="button">Mongolia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ME&location=&q8=&q15=" class="button">Montenegro</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MS&location=&q8=&q15=" class="button">Montserrat</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MA&location=&q8=&q15=" class="button">Morocco</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MZ&location=&q8=&q15=" class="button">Mozambique</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MM&location=&q8=&q15=" class="button">Myanmar</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NA&location=&q8=&q15=" class="button">Namibia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NR&location=&q8=&q15=" class="button">Nauru</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NP&location=&q8=&q15=" class="button">Nepal</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NL&location=&q8=&q15=" class="button">Netherlands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AN&location=&q8=&q15=" class="button">Netherlands Antilles</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NC&location=&q8=&q15=" class="button">New Caledonia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NZ&location=&q8=&q15=" class="button">New Zealand</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NI&location=&q8=&q15=" class="button">Nicaragua</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NE&location=&q8=&q15=" class="button">Niger</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NG&location=&q8=&q15=" class="button">Nigeria</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NU&location=&q8=&q15=" class="button">Niue</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NF&location=&q8=&q15=" class="button">Norfolk Island</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MP&location=&q8=&q15=" class="button">Northern Mariana Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=NO&location=&q8=&q15=" class="button">Norway</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=OM&location=&q8=&q15=" class="button">Oman</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PK&location=&q8=&q15=" class="button">Pakistan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PW&location=&q8=&q15=" class="button">Palau</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PS&location=&q8=&q15=" class="button">Palestinian Territory, Occupied</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PA&location=&q8=&q15=" class="button">Panama</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PG&location=&q8=&q15=" class="button">Papua New Guinea</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PY&location=&q8=&q15=" class="button">Paraguay</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PE&location=&q8=&q15=" class="button">Peru</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PH&location=&q8=&q15=" class="button">Philippines</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PN&location=&q8=&q15=" class="button">Pitcairn</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PL&location=&q8=&q15=" class="button">Poland</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PT&location=&q8=&q15=" class="button">Portugal</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PR&location=&q8=&q15=" class="button">Puerto Rico</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=QA&location=&q8=&q15=" class="button">Qatar</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MK&location=&q8=&q15=" class="button">Republic of Macedonia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=RE&location=&q8=&q15=" class="button">Reunion</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=RO&location=&q8=&q15=" class="button">Romania</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=RU&location=&q8=&q15=" class="button">Russian Federation</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=RW&location=&q8=&q15=" class="button">Rwanda</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=BL&location=&q8=&q15=" class="button">Saint Barthelemy</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SH&location=&q8=&q15=" class="button">Saint Helena</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=KN&location=&q8=&q15=" class="button">Saint Kitts and Nevis</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LC&location=&q8=&q15=" class="button">Saint Lucia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=MF&location=&q8=&q15=" class="button">Saint Martin</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=VC&location=&q8=&q15=" class="button">Saint Vincent and the Grenadines</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=PM&location=&q8=&q15=" class="button">Saint-Pierre and Miquelon</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=WS&location=&q8=&q15=" class="button">Samoa</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SM&location=&q8=&q15=" class="button">San Marino</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ST&location=&q8=&q15=" class="button">Sao Tome and Principe</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SA&location=&q8=&q15=" class="button">Saudi Arabia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SN&location=&q8=&q15=" class="button">Senegal</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=RS&location=&q8=&q15=" class="button">Serbia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CS&location=&q8=&q15=" class="button">Serbia and Montenegro</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SC&location=&q8=&q15=" class="button">Seychelles</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SL&location=&q8=&q15=" class="button">Sierra Leone</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SG&location=&q8=&q15=" class="button">Singapore</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SK&location=&q8=&q15=" class="button">Slovakia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SI&location=&q8=&q15=" class="button">Slovenia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SB&location=&q8=&q15=" class="button">Solomon Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SO&location=&q8=&q15=" class="button">Somalia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ZA&location=&q8=&q15=" class="button">South Africa</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GS&location=&q8=&q15=" class="button">South Georgia and the South Sandwich Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ES&location=&q8=&q15=" class="button">Spain</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=LK&location=&q8=&q15=" class="button">Sri Lanka</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SD&location=&q8=&q15=" class="button">Sudan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SR&location=&q8=&q15=" class="button">Suriname</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SJ&location=&q8=&q15=" class="button">Svalbard and Jan Mayen</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SZ&location=&q8=&q15=" class="button">Swaziland</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SE&location=&q8=&q15=" class="button">Sweden</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=CH&location=&q8=&q15=" class="button">Switzerland</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=SY&location=&q8=&q15=" class="button">Syrian Arab Republic</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TW&location=&q8=&q15=" class="button">Taiwan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TJ&location=&q8=&q15=" class="button">Tajikistan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TZ&location=&q8=&q15=" class="button">Tanzania, United Republic Of</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TH&location=&q8=&q15=" class="button">Thailand</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TL&location=&q8=&q15=" class="button">Timor-Leste</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TG&location=&q8=&q15=" class="button">Togo</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TK&location=&q8=&q15=" class="button">Tokelau</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TO&location=&q8=&q15=" class="button">Tonga</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TT&location=&q8=&q15=" class="button">Trinidad and Tobago</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TN&location=&q8=&q15=" class="button">Tunisia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TR&location=&q8=&q15=" class="button">Turkey</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TM&location=&q8=&q15=" class="button">Turkmenistan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TC&location=&q8=&q15=" class="button">Turks and Caicos Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=TV&location=&q8=&q15=" class="button">Tuvalu</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=UG&location=&q8=&q15=" class="button">Uganda</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=UA&location=&q8=&q15=" class="button">Ukraine</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=AE&location=&q8=&q15=" class="button">United Arab Emirates</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=GB&location=&q8=&q15=" class="button">United Kingdom</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=UM&location=&q8=&q15=" class="button">United States Minor Outlying Islands</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=UY&location=&q8=&q15=" class="button">Uruguay</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=UZ&location=&q8=&q15=" class="button">Uzbekistan</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=VU&location=&q8=&q15=" class="button">Vanuatu</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=VA&location=&q8=&q15=" class="button">Vatican City State</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=VE&location=&q8=&q15=" class="button">Venezuela</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=VN&location=&q8=&q15=" class="button">Vietnam</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=VG&location=&q8=&q15=" class="button">Virgin Islands, British</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=VI&location=&q8=&q15=" class="button">Virgin Islands, U.S.</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=WF&location=&q8=&q15=" class="button">Wallis and Futuna</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=EH&location=&q8=&q15=" class="button">Western Sahara</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=YE&location=&q8=&q15=" class="button">Yemen</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ZM&location=&q8=&q15=" class="button">Zambia</a>
                            <a href="https://yourcommunity.ning.com/members/list/search?adv=1&name=&age_min=&age_max=&q11=&country=ZW&location=&q8=&q15=" class="button">Zimbabwe</a>
</div>
  </div>
</div>
              
            
!

CSS

              
                body{
 background-color:#eeeeee;
 font-family:'Open Sans','Trebuchet MS','Verdana','Arial',sans-serif;
 color:#333;
 font-size:15px;
 margin:0 0 0 0;
}

article{
 background-color:#ffffff;
 margin:10px 10px 10px 10px;
 padding:10px 10px 10px 10px; 
}

footer{
 background-color:#666666;
 color:#dddddd;
 text-align:center;
 padding:10px 10px 10px 10px;
 margin:10px 10px 10px 10px;
}
a{
 text-decoration:none;
 color:#cc0000;
}

a.button,div.container{
 float:left;
}

a.button{
 background-color:#cc0000;
 border:1px solid #660000;
 border-radius:5px;
 color:#fff;
 margin-right:10px;
 padding:10px 10px 10px 10px;
}
a.button:active,a.button:focus,a.button:hover{
 background-color:#ee0000;
 margin-top:-5px;
}

a.button:hover{
 border:1px solid #000000;
}
.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 31px;
  margin-bottom: 20px;
  color:red;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked + label + div {
  display: block;
}

.toggle-box + label:before {
  background-color: #212121;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #FFFFFF;
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  text-align: center;
  width: 30px;
}

.toggle-box:checked + label:before {
  content: "\2212";
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
              
            
!

JS

              
                
              
            
!
999px

Console