div {
clear: both;
float: left;
}

p {
/* words are larger*/
font-size: 40pt;
/* pt is not pixels,  pt point size */
}


#container {
background-color: lightblue;
height: 1900px;
margin-bottom:50px;
width: 90%;
margin-left:5%;
/* stop using margin auto, does not work with float*/
/* float is needed to make your website mobile friendly with percentages*/

}	
.sidebarofmenus {
width: 18%;
margin-top: 10px;
margin-left:2px;
background-color: white;
height:300px;
clear: none;
}

/*css classes below */
.childmenu {
background-color: violet;
width: 80%;
padding: 5%;
margin-left: 5%;

margin-top: 10px;
font-size: 18pt;

/* height and width of the view port */
float: center;
clear: none;
text-align: center;
}



body{
background-color: yellow;
padding:0px;
margin: 0px;
}

.contentholder {
background-color: tomato;
clear: none;

/* if I add padding I must reduce the width, can't exceed 100%  */
width: 80%;
margin-left: 5px;
height: 300px;
margin-top: 10px;