Advanced Search

Test Absolute DIV Centering

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <html>
  2. <body>
  3. <div class="activity_group" style="">
  4.  
  5.         <li>
  6.             <div class="summary">
  7.                 <h4>Category One&nbsp;<span class="info_toggle">(<a href="#">?</a>)</span></h4>
  8.                 <p class="num_activities">3</p>
  9.             </div>
  10.             <div class="tooltip" style="display: block; ">
  11.                 <a href="#" class="close">close</a>
  12.                 <h4>Category Description</h4>
  13.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum urna turpis, gravida eu tincidunt a, consequat a mauris. Suspendisse dolor lacus,</p>
  14.             </div>
  15.         </li>
  16.  
  17.         <li>
  18.             <div class="summary" style="width: 200px; position:absolute; left:0px; right: 0px; margin:0px auto;padding:15px;border:1px;background-color:#ccc;">
  19.                 <h4>Category One&nbsp;<span class="info_toggle">(<a href="#">?</a>)</span></h4>
  20.                 <p class="num_activities">3</p>
  21.             </div>
  22.             <div class="tooltip" style="display: block; ">
  23.                 <a href="#" class="close">close</a>
  24.                 <h4>Category Description</h4>
  25.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum urna turpis, gravida eu tincidunt a, consequat a mauris. Suspendisse dolor lacus,</p>
  26.             </div>
  27.         </li>
  28. </div>
  29. </body>
  30. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.