@page{ size:auto; margin:0; } .page{ box-sizing: border-box; width:210mm; // height:294mm; padding:10mm; page-break-after: always; h1{ text-align: center; font-size: 1em; font-weight: 400; letter-spacing: 2px; } //.pagination{ //position: absolute; //box-sizing: border-box; //width:30mm; //height:12mm; //page-break-after: always; // } //.pg{ // text-align: center; //font-size: 1em; //font-family: "Computer Modern Serif" //font-style: bold; //font-weight: 400; //letter-spacing: 2px; //} .info_left{ display:inline-block; vertical-align: top; width: 30%; height: 180px; margin-right: 30px; h2{ margin-top:0; font-family: "Computer Modern Serif", serif; font-style: italic; text-align: left; font-size: 1em; font-weight: 400; letter-spacing: 2px; } h3{ margin-top:0; font-family: "Computer Modern Serif", serif; text-align: left; font-size: 1em; font-weight: 400; letter-spacing: 2px; } } .info_right{ display:inline-block; vertical-align: top; width:calc(66% - 30px); height: 180px; top: 0; //padding-top: 2em } &>p{ // outline: 2px solid red; box-sizing: border-box; width: 100%; word-wrap: break-word; word-break: break-all; font-family: "Computer Modern Serif", serif; padding:0 160px; } span{ font-family: "Computer Modern Serif", serif; font-size: 1em; font-weight: 400; } p{ font-family: "Computer Modern Serif", serif; font-size: 1em; font-weight: 400; } } span.citation{ font-family: "Computer Modern Serif", serif; font-size: 1em; font-weight: 400; } em{ font-size: 0.8em; } pre, code{ box-sizing: border-box; width: 100%; word-wrap: normal; word-break: break-all; } .info{ width: calc(100% - 60px); padding-left:30px; padding-right:30px; font-family: Verdana, sans-serif; overflow: hidden; vertical-align: top; } ol{ font-family: "Computer Modern Serif", serif; font-size: 1em; font-weight: 400; padding: 0 160; } // code{ // padding: 10mm; // }