in html page, trying align label , sliding checkbox on same line. code given below (the sliding checkbox code taken post here). .ondisplay { display: inline-block; } /* slide 3 */ .slidethree { width: 80px; height: 26px; background: #333; margin: 10px auto; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; position: relative; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); } .slidethree:after { content: 'off'; font: 12px/26px arial, sans-serif; color: #000; position: absolute; right: 10px; z-index: 0; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, .15); } .slidethree:before { content: 'on'; font: 12px/26px arial, sans-s...