Sample HTML layout
/* web source */ <! DOCTYPE html > < html lang = "en" > < head > < title > CSS Template </ title > < meta charset = "utf-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1" > < style > * { box-sizing : border-box ; } body { font-family : Arial , Helvetica , sans-serif ; } /* Style the header */ header { background-color : #666 ; padding : 30px ; text-align : center ; font-size : 35px ; color : white ; } /* Create two columns/boxes that floats next to each other */ nav { float : left ; width : 30% ; height : 300px ; /* only for demonstration, should be removed */ background : #ccc ; padding : 20px ; } /* Style the list inside the menu */ nav ul { list-style-type : none ; padding : 0 ; } article { float : left ; padding : 20px ; width : 70% ; background-color : #f1f1f1 ; heigh