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

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

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

.bottom {
	clear: both;

	}
	
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }	


.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 { border: solid 1px;}
#draggable2 { border: solid 1px;}
#draggable3 { border: solid 1px;}
#draggable4 { border: solid 1px;}
#draggable5 { border: solid 1px;}
#draggable6 { border: solid 1px;}
#draggable7 { border: solid 1px;}
#draggable8 { border: solid 1px;}
#draggable9 { border: solid 1px;}
#draggable10 { border: solid 1px;}
#draggable11 { border: solid 1px;}
#draggable12 { border: solid 1px;}
#draggable13 { border: solid 1px;}
#draggable14 { border: solid 1px;}
#draggable15 { border: solid 1px;}