body{
        background-color:rgba(255,255,200,0.5);
}

.box1{
        margin:5px;
        background-color:white;
        border:1px solid lightgray; 
        box-shadow: 8px 8px 10px 0 #888899;
}

#box2{
        margin:5px;
        width:100%;
        /* height:300px;   must not be a fixed height in this case */
        background-color:white;
        border:1px solid lightgray; 
        box-shadow: 8px 8px 10px 0 #888899;
}

h4, h5{
        padding:20px 30px 0px 30px;
}

p,span{
        padding:10px 20px 10px 20px;
}

.img01{ 
        width:100%;
        height:260px;   /* must be px not be em */
}

.img02{
        width:100px;
        height:100px;
}

.img03{
        width:30%;
        height:60%;
        margin-top:30px;
}

.text2{
        float:right;
        width:60%;  /* the height of text is defined its length  */ 
        margin:10px;
        text-align:left;
}

.text3{
        float:left;
        width:60%;
        margin:10px;
        text-align:right;
}