/* Now specify formatting for main body article. Add some margins and paddings to the DIV to provide spacings. THen specify special formatting for the H2, P and floating P elements that can go inside. */ DIV.main { margin-left: 0.2em; margin-right: 0.2em; padding-left: 0.0em; padding-right: 0.0em; } DIV.main H2 { font-family: "Arial Black", Arial, sans-serif; padding-top: 0.2em; padding-bottom: 0.2em; color: white; text-align: left; background: red; } DIV.main P { padding-top: 0em; /* Reset from any */ padding-bottom: 0em; /* values set */ margin-bottom: 0em; /* in less-specific */ margin-top: 0.2em; /* rules. */ text-align: justify; } DIV.main P.figl { float: left; width: 20%; margin-right: 0; padding-right: 0; border: medium black solid; background: #333333; color: white; font-size: 0.4em; font-weight: bold; text-align: center; margin-top: 0.2em; margin-bottom: 0.2em; padding: 0.4em; } DIV.main P.figr { float: right; width: 20%; margin-right: 0; padding-right: 0; border: medium black solid; background: #333333; color: white; font-size: 0.4em; font-weight: bold; text-align: center; margin-top: 0.2em; margin-bottom: 0.2em; padding: 0.4em; }