.wrap {
width: 100%;
overflow:auo;
}

.fleft {
    float:left; 
    width: 80%;
//background:blue;
//    height: 400px;
}

.fright {
float: right;
   // background:pink;
   // height: 400px;
    width: 20%;
}




.ui-widget-content { width: 80px; height: 80px; float: left;  
font-size: 40px;  padding: 0.1em;color: #ff3456;text-align: center;
    vertical-align: middle;
line-height: 10px;       /* the same as your div height */
}

.ui-widget-content1 { width: 80px; height: 80px; float: left;  
font-size: 40px;  padding: 0.1em;color: #ff3456;text-align: center;
    vertical-align: middle;
line-height: 10px;       /* the same as your div height */
}


#draggable1 {background-color: #dfedf2; border: solid 1px;}
#draggable2 {background-color: #dfedf2; border: solid 1px;}
#draggable3 {background-color: #dfedf2; border: solid 1px;}
#draggable4 {background-color: #dfedf2; border: solid 1px;}
#draggable5 {background-color: #dfedf2; border: solid 1px;}
#draggable6 {background-color: #dfedf2; border: solid 1px;}
#draggable7 {background-color: #dfedf2; border: solid 1px;}
#draggable8 {background-color: #dfedf2; border: solid 1px;}
#draggable9 {background-color: #dfedf2; border: solid 1px;}