HTML CSS examples for CSS Widget:Panel
Question Panel
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> div {<!-- w w w . j a v a 2s . c o m--> padding:11px; margin:11px; } div.bg { background-color:Chartreuse; width:801px; border-radius:11px; } .code { width:61%; spacing:0px; background-color:yellow; color:blue; font:normal 17pt Verdana, fixed; } span.rc { left:401px; background-color:pink; } div.bounds { background-color:OrangeRed; color:grey; border:2px solid BlueViolet; border-radius:11px; font:normal 16pt/19pt Arial; } .number { font:bold 25pt Arial; margin:11px; } text { font:normal 15pt verdana; } .q { clear:both; } .q .rc { float:right; display:block; } </style> </head> <body> <div class="bg"> <div class="content"> <div class="bounds"> <div class="question"> <a name="q10"></a> <span class="number">Lor</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper m </div> <form class="code"> <div> Lorem ipsum dol </div> <div> Lorem ipsum </div> <div> Lorem ipsum d </div> <div class="q"> Lorem ipsum do <span class="rc"></span>Lorem i <input type="text" name="a10c" size="10"> </div> <div class="q"> Lorem ipsum dolo <span class="rc"></span>Lorem i <input type="text" name="a10d" size="10"> </div> <div class="q"> Lorem ipsum dolo <span class="rc"></span>Lorem i <input type="text" name="a10e" size="10"> </div> <br>Lor </form> </div> </div> </div> </body> </html>