responsive div

by Anu Vidhya

HTML

<div id="good">
<ul>
<li class="alignleft _50x50 bg-red"></li>
<li class="alignleft _50x50 bg-red"></li>
</ul>
    
  
    
</div>

CSS

/* Alignment */
.alignleft {}
#good, #bad{
    clear:bottom;
    border:solid 1px black;
    //margin: 0em;
    //padding:.5em;
}
#good{display:table} 
ul
{
  list-style:none;
  padding:0px;
}
/*  <<= The trick  */
/* Colors */
.bg-red {background:#C00; list-style:none;padding:0px;}
.bg-blue {background:#009;}
.bg-green {background:#090;}

/* Dimensions */
 ._50x50 {height:50px; width:50px;}