HTML CSS examples for CSS Widget:Div
CSS div stack up
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .event-list .event-date {<!-- w ww. ja va 2 s .c om--> padding:16px 16px 16px 16px; background-color:Chartreuse; color:yellow; font-size:17px; text-align:center; font-weight:bold; margin-right:16px; width:81px; margin-bottom:6px; } .event-list, .event-month, .event-day { width:100%; } .event-date { float:left; padding-left:16px; } .event-text { float:left; } .event-list { clear:left; } </style> </head> <body> <div class="col-sm-5 round-body" id="events"> <h1>Lorem </h1> <div class="event-list"> <div class="event-date"> <div class="event-month"> Lorem </div> <div class="event-day"> Lore </div> </div> <div class="event-text"> <p> <strong>Lorem ipsum dolor s</strong> </p> </div> </div> <div class="event-list"> <div class="event-date"> <div class="event-month"> Lorem </div> <div class="event-day"> Lorem i </div> </div> <div class="event-text"> <p> <strong>Lorem ipsum do</strong> </p> </div> </div> <div class="event-list"> <div class="event-date"> <div class="event-month"> Lorem </div> <div class="event-day"> Lore </div> </div> <div class="event-text"> <p> <strong>Lorem ipsum dolor s</strong> </p> </div> </div> </div> </body> </html>