Simulador

#blue{
   width: 100%;
   height: auto;
   display: block;
   clear: none;
   float: left;
   margin: 0% 0% 0% 0%;
   padding: 0% 0% 0% 0%;
   position: static;
   top: 0%;
   right: 0%;
   bottom: 0%;
   left: 0%;
   z-index: auto;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   box-sizing: content-box;
   border-style: solid;
   border-color: #0000B0;
}

#red{
   width: 100%;
   height: auto;
   display: block;
   clear: none;
   float: left;
   margin: 0% 0% 0% 0%;
   padding: 0% 0% 0% 0%;
   position: static;
   top: 0%;
   right: 0%;
   bottom: 0%;
   left: 0%;
   z-index: auto;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   box-sizing: content-box;
   border-style: solid;
   border-color: #0000B0;
}

Width/Height

Display, Clear y Float

Margin

Padding

Border

Position

Width/Height

Display, Clear y Float

Margin

Padding

Border

Position