HTML CSS examples for CSS Widget:Panel
Member introduction panel
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .clear {clear:both;} #team-container<!-- w w w . jav a 2 s . c om--> { width:960px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=83)"; filter: alpha(opacity=83); opacity: 0.83; /* For IE8 and earlier */ margin-left: auto; margin-right: auto; background: #ddd; } #team-left { color:#000; padding-left:20px; padding-top:20px; width: 30%; float: left; position: relative; } #team-right { font-weight:400; padding-left:25px; padding-top:28px; color:#000; width: 60%; float: left; position: relative; text-align:justify; } </style> </head> <body> <div id="team-container"> <div id="team-left"> <span class="activity-title">Meet the team</span> <br> </div> <div id="team-right"> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> <p> <b>Tester</b> - <span class="team-function">Officer</span> </p> <p>this is a test.</p> <br> </div> <div class="clear"></div> </div> </body> </html>